diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 50c023a..229b801 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -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;
}
diff --git a/src/components/Select.vue b/src/components/Select.vue
index 00845ce..2ec4d57 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -76,19 +76,15 @@ const show = ref(false)
>
-
-
-
-
-
-
-
+