From ef7a45361996b7a49226a0b088e2599f2801d017 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Mon, 23 Mar 2026 02:42:44 +0000 Subject: fix: restore background image using CSS custom property on body Replace z-index:-1 overlay div (hidden behind body background) with a CSS custom property --bg-url set inline on body, consumed by .bg-body as a layered background-image with a dark gradient overlay. Co-Authored-By: Claude Sonnet 4.6 --- web/static/css/input.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'web/static') diff --git a/web/static/css/input.css b/web/static/css/input.css index 7dd2055..19802f5 100644 --- a/web/static/css/input.css +++ b/web/static/css/input.css @@ -11,8 +11,9 @@ font-family: 'Inter', system-ui, sans-serif; } - .bg-overlay { - @apply fixed inset-0 z-[-1] opacity-40 bg-cover bg-center bg-no-repeat; + .bg-body { + background-image: linear-gradient(rgba(2,6,23,0.6), rgba(2,6,23,0.6)), var(--bg-url); + @apply bg-cover bg-center bg-fixed bg-slate-950; } /* Headings */ -- cgit v1.2.3