diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-03-23 02:42:44 +0000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-03-23 02:42:44 +0000 |
| commit | ef7a45361996b7a49226a0b088e2599f2801d017 (patch) | |
| tree | 6ff1a856847ade434f7abeb861f9d3eaeb80abe6 /web/static/css | |
| parent | 6c767194d9470b368f8d337e0719795f235f683c (diff) | |
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 <noreply@anthropic.com>
Diffstat (limited to 'web/static/css')
| -rw-r--r-- | web/static/css/input.css | 5 |
1 files changed, 3 insertions, 2 deletions
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 */ |