From 73a92e563600b432efbec3ae6e56482eca836f11 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= Date: Mon, 15 Jan 2024 11:19:18 +0100 Subject: [PATCH] Mark refunded purchases red --- CHANGELOG.md | 5 ++ games/static/base.css | 144 ++++++++++++--------------------- games/templates/view_game.html | 2 +- 3 files changed, 56 insertions(+), 95 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 10a46cf..bb66a73 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,8 @@ +## Unreleased + +## Improved +* mark refunded purchases red on game overview + ## 1.5.2 / 2024-01-14 21:27+01:00 ## Improved diff --git a/games/static/base.css b/games/static/base.css index f41c551..a578193 100644 --- a/games/static/base.css +++ b/games/static/base.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* @@ -834,11 +834,6 @@ select { margin-bottom: 1.5rem; } -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -895,6 +890,10 @@ select { display: none; } +.h-3 { + height: 0.75rem; +} + .h-4 { height: 1rem; } @@ -907,18 +906,6 @@ select { height: 1.5rem; } -.h-8 { - height: 2rem; -} - -.h-2 { - height: 0.5rem; -} - -.h-3 { - height: 0.75rem; -} - .min-h-screen { min-height: 100vh; } @@ -935,10 +922,6 @@ select { width: 1.75rem; } -.w-8 { - width: 2rem; -} - .w-auto { width: auto; } @@ -947,14 +930,6 @@ select { width: 100%; } -.w-4 { - width: 1rem; -} - -.w-3 { - width: 0.75rem; -} - .max-w-screen-lg { max-width: 1024px; } @@ -967,10 +942,6 @@ select { max-width: 20rem; } -.transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - @keyframes spin { to { transform: rotate(360deg); @@ -1029,6 +1000,10 @@ select { border-radius: 0.25rem; } +.rounded-full { + border-radius: 9999px; +} + .rounded-lg { border-radius: 0.5rem; } @@ -1037,10 +1012,6 @@ select { border-radius: 0.125rem; } -.rounded-full { - border-radius: 9999px; -} - .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); @@ -1071,16 +1042,6 @@ select { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgb(74 222 128 / var(--tw-bg-opacity)); -} - -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); -} - .p-4 { padding: 1rem; } @@ -1105,16 +1066,6 @@ select { padding-bottom: 0.5rem; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - .pl-3 { padding-left: 0.75rem; } @@ -1183,6 +1134,11 @@ select { color: rgb(55 65 81 / var(--tw-text-opacity)); } +.text-red-600 { + --tw-text-opacity: 1; + color: rgb(220 38 38 / var(--tw-text-opacity)); +} + .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)); @@ -1276,7 +1232,7 @@ a:hover { transition: all 0.2s ease-out; } -:is(:where(.dark) form label) { +:is(.dark form label) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } @@ -1286,7 +1242,7 @@ a:hover { margin-right: auto; } -:is(:where(.dark) .responsive-table) { +:is(.dark .responsive-table) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @@ -1317,8 +1273,8 @@ a:hover { border-left-color: rgb(100 116 139 / var(--tw-border-opacity)); } -:is(:where(.dark) form input),:is(:where(.dark) -select),:is(:where(.dark) +:is(.dark form input),:is(.dark +select),:is(.dark textarea) { border-width: 1px; --tw-border-opacity: 1; @@ -1329,8 +1285,8 @@ textarea) { color: rgb(241 245 249 / var(--tw-text-opacity)); } -:is(:where(.dark) form input:disabled),:is(:where(.dark) -select:disabled),:is(:where(.dark) +:is(.dark form input:disabled),:is(.dark +select:disabled),:is(.dark textarea:disabled) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity)); @@ -1502,6 +1458,36 @@ th label { display: block; } +:is(.dark .dark\:bg-gray-800) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-gray-900) { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:text-slate-400) { + --tw-text-opacity: 1; + color: rgb(148 163 184 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-slate-500) { + --tw-text-opacity: 1; + color: rgb(100 116 139 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-slate-600) { + --tw-text-opacity: 1; + color: rgb(71 85 105 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-white) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + @media (min-width: 640px) { .sm\:inline { display: inline; @@ -1586,33 +1572,3 @@ th label { max-width: 32rem; } } - -:is(:where(.dark) .dark\:bg-gray-800) { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-gray-900) { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:text-slate-400) { - --tw-text-opacity: 1; - color: rgb(148 163 184 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-slate-500) { - --tw-text-opacity: 1; - color: rgb(100 116 139 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-slate-600) { - --tw-text-opacity: 1; - color: rgb(71 85 105 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-white) { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} diff --git a/games/templates/view_game.html b/games/templates/view_game.html index 4e099b5..5941e3f 100644 --- a/games/templates/view_game.html +++ b/games/templates/view_game.html @@ -36,7 +36,7 @@