fix: select component

This commit is contained in:
kur0nek-o
2024-02-21 17:20:57 +07:00
parent 00d03c1b7e
commit 7464cb6d1c
3 changed files with 76 additions and 36 deletions

View File

@ -705,6 +705,40 @@ select {
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
html {
height: 100%;
--tw-bg-opacity: 1;
@ -960,6 +994,10 @@ body {
top: 100%;
}
.top-16 {
top: 4rem;
}
.z-10 {
z-index: 10;
}
@ -984,6 +1022,10 @@ body {
grid-column: span 7 / span 7;
}
.m-auto {
margin: auto;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
@ -1313,6 +1355,10 @@ body {
width: 100%;
}
.w-72 {
width: 18rem;
}
.max-w-2xl {
max-width: 42rem;
}
@ -1838,6 +1884,21 @@ body {
background-color: rgb(204 204 0 / var(--tw-bg-opacity));
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
.bg-blue-200 {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.bg-secondary-300 {
--tw-bg-opacity: 1;
background-color: rgb(102 194 208 / var(--tw-bg-opacity));
}
.bg-opacity-100 {
--tw-bg-opacity: 1;
}
@ -2022,6 +2083,11 @@ body {
padding-bottom: 1.5rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.pb-4 {
padding-bottom: 1rem;
}
@ -2464,6 +2530,10 @@ body {
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.ring-black\/5 {
--tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-opacity-5 {
--tw-ring-opacity: 0.05;
}
@ -2753,6 +2823,10 @@ body {
--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.focus-visible\:ring-white\/75:focus-visible {
--tw-ring-color: rgb(255 255 255 / 0.75);
}
.focus-visible\:ring-opacity-75:focus-visible {
--tw-ring-opacity: 0.75;
}