diff --git a/src/web/tracker/static/base.css b/src/web/tracker/static/base.css index 7be1c87..0e7b594 100644 --- a/src/web/tracker/static/base.css +++ b/src/web/tracker/static/base.css @@ -717,24 +717,16 @@ select { position: static; } -.absolute { - position: absolute; +.fixed { + position: fixed; } -.left-0 { - left: 0px; +.left-2 { + left: 0.5rem; } -.bottom-0 { - bottom: 0px; -} - -.left-1 { - left: 0.25rem; -} - -.bottom-1 { - bottom: 0.25rem; +.bottom-2 { + bottom: 0.5rem; } .mx-auto { @@ -762,8 +754,8 @@ select { display: grid; } -.h-screen { - height: 100vh; +.min-h-screen { + min-height: 100vh; } .w-full { @@ -818,16 +810,35 @@ select { border-radius: 0.75rem; } +.border { + border-width: 1px; +} + .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.border-red-800 { + --tw-border-opacity: 1; + border-color: rgb(153 27 27 / var(--tw-border-opacity)); +} + +.border-red-900 { + --tw-border-opacity: 1; + border-color: rgb(127 29 29 / var(--tw-border-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-red-700 { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +} + .p-4 { padding: 1rem; } @@ -836,6 +847,10 @@ select { padding: 0.5rem; } +.p-1 { + padding: 0.25rem; +} + .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; @@ -863,6 +878,11 @@ select { line-height: 1.75rem; } +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} + .text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -873,11 +893,6 @@ select { line-height: 1.25rem; } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - .font-semibold { font-weight: 600; } @@ -887,31 +902,6 @@ select { color: rgb(255 255 255 / var(--tw-text-opacity)); } -.text-slate-800 { - --tw-text-opacity: 1; - color: rgb(30 41 59 / var(--tw-text-opacity)); -} - -.text-slate-700 { - --tw-text-opacity: 1; - color: rgb(51 65 85 / var(--tw-text-opacity)); -} - -.text-slate-600 { - --tw-text-opacity: 1; - color: rgb(71 85 105 / var(--tw-text-opacity)); -} - -.text-slate-500 { - --tw-text-opacity: 1; - color: rgb(100 116 139 / var(--tw-text-opacity)); -} - -.text-slate-400 { - --tw-text-opacity: 1; - color: rgb(148 163 184 / var(--tw-text-opacity)); -} - .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)); @@ -944,6 +934,35 @@ form input[type=submit] { padding: 0.5rem; } +.hover\:border-dotted:hover { + border-style: dotted; +} + +.hover\:border-white:hover { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.hover\:bg-red-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)); +} + +.hover\:bg-red-500:hover { + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); +} + +.hover\:bg-yellow-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(161 98 7 / var(--tw-bg-opacity)); +} + +.hover\:bg-orange-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(194 65 12 / var(--tw-bg-opacity)); +} + .hover\:underline:hover { text-decoration-line: underline; } @@ -968,16 +987,16 @@ form input[type=submit] { background-color: rgb(51 65 85 / var(--tw-bg-opacity)); } -.dark .dark\:bg-slate-400 { - --tw-bg-opacity: 1; - background-color: rgb(148 163 184 / var(--tw-bg-opacity)); -} - .dark .dark\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } +.dark .dark\:text-slate-600 { + --tw-text-opacity: 1; + color: rgb(71 85 105 / var(--tw-text-opacity)); +} + .dark .dark\:text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); @@ -988,11 +1007,6 @@ form input[type=submit] { color: rgb(203 213 225 / var(--tw-text-opacity)); } -.dark .dark\:text-slate-600 { - --tw-text-opacity: 1; - color: rgb(71 85 105 / var(--tw-text-opacity)); -} - @media (min-width: 768px) { .md\:block { display: block;