From c1ba6e269b7f28a376a8eb023614038117d4b161 Mon Sep 17 00:00:00 2001 From: Bernard Siebens Date: Mon, 27 Jul 2026 10:37:43 +0200 Subject: [PATCH] Rebuild compiled CSS to include bg-secondary / text-secondary-content These are the club avatar's classes for the new secondary_color feature. Tailwind only emits utility classes it sees used in a template scan, and the dev watcher wasn't running when that avatar edit landed, so the classes were silently absent from static/css/app.css: no background, no text colour, just an empty (visually white) circle. A one-off build regenerates them; both now correctly reference var(--color-secondary) and var(--color-secondary-content) so a club's colour picks apply. --- static/css/app.css | 123 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) diff --git a/static/css/app.css b/static/css/app.css index 2dfb048..67403d4 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -8,11 +8,13 @@ --color-red-500: oklch(63.7% 0.237 25.331); --color-sky-500: oklch(68.5% 0.169 237.323); --color-blue-500: oklch(62.3% 0.214 259.815); + --color-gray-500: oklch(55.1% 0.027 264.364); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-xl: 36rem; + --container-6xl: 72rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; @@ -2876,6 +2878,9 @@ .mx-auto { margin-inline: auto; } + .my-1 { + margin-block: var(--spacing); + } .my-2 { margin-block: calc(var(--spacing) * 2); } @@ -2956,6 +2961,9 @@ .mt-10 { margin-top: calc(var(--spacing) * 10); } + .mr-1 { + margin-right: var(--spacing); + } .mb-1 { margin-bottom: var(--spacing); } @@ -2974,6 +2982,9 @@ .mb-10 { margin-bottom: calc(var(--spacing) * 10); } + .ml-1 { + margin-left: var(--spacing); + } .ml-2 { margin-left: calc(var(--spacing) * 2); } @@ -3198,6 +3209,9 @@ .block { display: block; } + .contents { + display: contents; + } .flex { display: flex; } @@ -3231,9 +3245,15 @@ .h-56 { height: calc(var(--spacing) * 56); } + .h-72 { + height: calc(var(--spacing) * 72); + } .h-screen { height: 100vh; } + .min-h-6 { + min-height: calc(var(--spacing) * 6); + } .w-12 { width: calc(var(--spacing) * 12); } @@ -3252,6 +3272,12 @@ .w-full { width: 100%; } + .max-w-6xl { + max-width: var(--container-6xl); + } + .max-w-40 { + max-width: calc(var(--spacing) * 40); + } .max-w-none { max-width: none; } @@ -3261,12 +3287,18 @@ .max-w-xs { max-width: var(--container-xs); } + .min-w-0 { + min-width: 0; + } .flex-1 { flex: 1; } .flex-shrink { flex-shrink: 1; } + .shrink { + flex-shrink: 1; + } .shrink-0 { flex-shrink: 0; } @@ -3334,6 +3366,9 @@ .resize { resize: both; } + .scrollbar-gutter-stable { + scrollbar-gutter: stable; + } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -3393,6 +3428,9 @@ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } + .gap-y-2 { + row-gap: calc(var(--spacing) * 2); + } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; @@ -3407,6 +3445,9 @@ border-color: var(--color-base-200); } } + .self-start { + align-self: flex-start; + } .truncate { overflow: hidden; text-overflow: ellipsis; @@ -3524,6 +3565,9 @@ .bg-primary { background-color: var(--color-primary); } + .bg-secondary { + background-color: var(--color-secondary); + } .bg-white { background-color: var(--color-white); } @@ -3618,6 +3662,21 @@ .p-4 { padding: calc(var(--spacing) * 4); } + .menu-title { + @layer daisyui.l1.l2.l3 { + padding-inline: calc(0.25rem * 3); + padding-block: calc(0.25rem * 2); + color: var(--color-base-content); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--color-base-content) 40%, transparent); + } + font-size: 0.875rem; + font-weight: 600; + } + } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } .px-4 { padding-inline: calc(var(--spacing) * 4); } @@ -3776,6 +3835,24 @@ .text-base-content { color: var(--color-base-content); } + .text-base-content\/30 { + color: var(--color-base-content); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--color-base-content) 30%, transparent); + } + } + .text-base-content\/35 { + color: var(--color-base-content); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--color-base-content) 35%, transparent); + } + } + .text-base-content\/40 { + color: var(--color-base-content); + @supports (color: color-mix(in lab, red, red)) { + color: color-mix(in oklab, var(--color-base-content) 40%, transparent); + } + } .text-base-content\/50 { color: var(--color-base-content); @supports (color: color-mix(in lab, red, red)) { @@ -3797,12 +3874,24 @@ .text-error { color: var(--color-error); } + .text-error-content { + color: var(--color-error-content); + } + .text-gray-500 { + color: var(--color-gray-500); + } .text-neutral-content { color: var(--color-neutral-content); } .text-primary-content { color: var(--color-primary-content); } + .text-red-500 { + color: var(--color-red-500); + } + .text-secondary-content { + color: var(--color-secondary-content); + } .text-sky-500 { color: var(--color-sky-500); } @@ -3986,11 +4075,40 @@ } } } + .select-error { + @layer daisyui.l1.l2 { + &, &:focus, &:focus-within, &:open { + --input-color: var(--color-error); + } + } + } + .textarea-error { + @layer daisyui.l1.l2 { + &, &:focus, &:focus-within { + --input-color: var(--color-error); + } + } + } + .sm\:hidden { + @media (width >= 40rem) { + display: none; + } + } + .sm\:inline { + @media (width >= 40rem) { + display: inline; + } + } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } + .sm\:px-6 { + @media (width >= 40rem) { + padding-inline: calc(var(--spacing) * 6); + } + } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); @@ -4011,6 +4129,11 @@ display: none; } } + .lg\:w-fit { + @media (width >= 64rem) { + width: fit-content; + } + } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr));