From a8ffa7a710e09c471d1b1b101bf833d5369ccaf5 Mon Sep 17 00:00:00 2001 From: Navan Chauhan Date: Sun, 8 Oct 2023 02:06:21 -0600 Subject: select car and generate tasklist --- static/main.css | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) (limited to 'static/main.css') diff --git a/static/main.css b/static/main.css index e2fc078..b7003e0 100644 --- a/static/main.css +++ b/static/main.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; + } +} + .sr-only { position: absolute; width: 1px; @@ -860,6 +894,26 @@ select { margin-top: 2rem; } +.mt-3 { + margin-top: 0.75rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + .block { display: block; } @@ -900,6 +954,10 @@ select { height: 100%; } +.h-4 { + height: 1rem; +} + .w-0 { width: 0px; } @@ -948,6 +1006,10 @@ select { width: 1px; } +.w-4 { + width: 1rem; +} + .min-w-0 { min-width: 0px; } @@ -1019,6 +1081,10 @@ select { flex-direction: column; } +.items-start { + align-items: flex-start; +} + .items-center { align-items: center; } @@ -1063,6 +1129,12 @@ select { margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } +.space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); +} + .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); @@ -1123,6 +1195,11 @@ select { border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); -- cgit v1.2.3