From 63504a5768e1f33a3ef3d0d31b2686001efd0648 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= Date: Mon, 2 Jan 2023 19:37:49 +0100 Subject: [PATCH] Update CSS --- src/web/tracker/static/base.css | 116 ++++++++-------------------- src/web/tracker/templates/base.html | 4 +- 2 files changed, 33 insertions(+), 87 deletions(-) diff --git a/src/web/tracker/static/base.css b/src/web/tracker/static/base.css index 620c3cf..5a48041 100644 --- a/src/web/tracker/static/base.css +++ b/src/web/tracker/static/base.css @@ -726,10 +726,6 @@ select { margin-bottom: 1rem; } -.mr-3 { - margin-right: 0.75rem; -} - .mt-4 { margin-top: 1rem; } @@ -746,10 +742,6 @@ select { display: grid; } -.h-6 { - height: 1.5rem; -} - .w-full { width: 100%; } @@ -798,38 +790,20 @@ select { border-radius: 0.25rem; } -.rounded-lg { - border-radius: 0.5rem; -} - .rounded-xl { 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-gray-100 { - --tw-border-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-border-opacity)); -} - .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .p-4 { padding: 1rem; } @@ -851,6 +825,11 @@ select { padding-right: 1rem; } +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + .text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -861,15 +840,15 @@ select { line-height: 1.75rem; } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; -} - .font-semibold { font-weight: 600; } +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -880,62 +859,29 @@ select { text-decoration-line: underline; } -@media (prefers-color-scheme: dark) { - .dark\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); - } - - .dark\:border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); - } - - .dark\:bg-slate-800 { - --tw-bg-opacity: 1; - background-color: rgb(30 41 59 / var(--tw-bg-opacity)); - } - - .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); - } - - .dark\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); - } - - .dark\:bg-slate-700 { - --tw-bg-opacity: 1; - background-color: rgb(51 65 85 / var(--tw-bg-opacity)); - } - - .dark\:text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - } - - .dark\:text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); - } - - .dark\:text-slate-300 { - --tw-text-opacity: 1; - color: rgb(203 213 225 / var(--tw-text-opacity)); - } - - .dark\:text-slate-400 { - --tw-text-opacity: 1; - color: rgb(148 163 184 / var(--tw-text-opacity)); - } +.dark .dark\:border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); } -@media (min-width: 640px) { - .sm\:h-9 { - height: 2.25rem; - } +.dark .dark\:bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-slate-700 { + --tw-bg-opacity: 1; + background-color: rgb(51 65 85 / var(--tw-bg-opacity)); +} + +.dark .dark\:text-slate-300 { + --tw-text-opacity: 1; + color: rgb(203 213 225 / var(--tw-text-opacity)); +} + +.dark .dark\:text-slate-400 { + --tw-text-opacity: 1; + color: rgb(148 163 184 / var(--tw-text-opacity)); } @media (min-width: 768px) { diff --git a/src/web/tracker/templates/base.html b/src/web/tracker/templates/base.html index 7df59b6..c466683 100644 --- a/src/web/tracker/templates/base.html +++ b/src/web/tracker/templates/base.html @@ -11,12 +11,12 @@ - +