Update CSS styles for height and width
This commit is contained in:
@ -705,6 +705,20 @@ select {
|
|||||||
--tw-backdrop-sepia: ;
|
--tw-backdrop-sepia: ;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(243 247 249 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* NavBar */
|
/* NavBar */
|
||||||
|
|
||||||
.menu-item {
|
.menu-item {
|
||||||
@ -1095,10 +1109,6 @@ select {
|
|||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-8 {
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line-clamp-1 {
|
.line-clamp-1 {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
@ -1178,6 +1188,10 @@ select {
|
|||||||
height: 2.7rem;
|
height: 2.7rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.h-\[56px\] {
|
||||||
|
height: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
.h-\[66px\] {
|
.h-\[66px\] {
|
||||||
height: 66px;
|
height: 66px;
|
||||||
}
|
}
|
||||||
@ -1203,10 +1217,6 @@ select {
|
|||||||
height: 80vh;
|
height: 80vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-\[56px\] {
|
|
||||||
height: 56px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-h-0 {
|
.max-h-0 {
|
||||||
max-height: 0px;
|
max-height: 0px;
|
||||||
}
|
}
|
||||||
@ -1231,10 +1241,6 @@ select {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.min-h-\[56px\] {
|
|
||||||
min-height: 56px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-0 {
|
.w-0 {
|
||||||
width: 0px;
|
width: 0px;
|
||||||
}
|
}
|
||||||
@ -1287,6 +1293,10 @@ select {
|
|||||||
width: 2.25rem;
|
width: 2.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.w-\[170px\] {
|
||||||
|
width: 170px;
|
||||||
|
}
|
||||||
|
|
||||||
.w-\[2\.7rem\] {
|
.w-\[2\.7rem\] {
|
||||||
width: 2.7rem;
|
width: 2.7rem;
|
||||||
}
|
}
|
||||||
@ -1303,10 +1313,6 @@ select {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-\[170px\] {
|
|
||||||
width: 170px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-w-2xl {
|
.max-w-2xl {
|
||||||
max-width: 42rem;
|
max-width: 42rem;
|
||||||
}
|
}
|
||||||
@ -1468,10 +1474,6 @@ select {
|
|||||||
place-items: center;
|
place-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-start {
|
|
||||||
align-content: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.items-start {
|
.items-start {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
@ -1554,6 +1556,12 @@ select {
|
|||||||
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
||||||
|
--tw-space-y-reverse: 0;
|
||||||
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||||
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
||||||
|
}
|
||||||
|
|
||||||
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
||||||
--tw-space-y-reverse: 0;
|
--tw-space-y-reverse: 0;
|
||||||
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
||||||
@ -1566,12 +1574,6 @@ select {
|
|||||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
||||||
}
|
}
|
||||||
|
|
||||||
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
||||||
--tw-space-y-reverse: 0;
|
|
||||||
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
||||||
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
||||||
}
|
|
||||||
|
|
||||||
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
||||||
--tw-divide-y-reverse: 0;
|
--tw-divide-y-reverse: 0;
|
||||||
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
||||||
@ -2601,11 +2603,6 @@ select {
|
|||||||
background-color: rgb(255 255 0 / var(--tw-bg-opacity));
|
background-color: rgb(255 255 0 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-gray-500:hover {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.hover\:text-primary-500:hover {
|
.hover\:text-primary-500:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(3 91 113 / var(--tw-text-opacity));
|
color: rgb(3 91 113 / var(--tw-text-opacity));
|
||||||
@ -2695,14 +2692,14 @@ select {
|
|||||||
--tw-ring-opacity: 0.1;
|
--tw-ring-opacity: 0.1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-offset-2:focus {
|
|
||||||
--tw-ring-offset-width: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.focus\:ring-offset-0:focus {
|
.focus\:ring-offset-0:focus {
|
||||||
--tw-ring-offset-width: 0px;
|
--tw-ring-offset-width: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.focus\:ring-offset-2:focus {
|
||||||
|
--tw-ring-offset-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
.focus-visible\:outline:focus-visible {
|
.focus-visible\:outline:focus-visible {
|
||||||
outline-style: solid;
|
outline-style: solid;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user