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/templates | |
| 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/templates')
| -rw-r--r-- | web/templates/index.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/web/templates/index.html b/web/templates/index.html index 5cfa77f..aabe7ff 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -25,8 +25,8 @@ .bg-modal-overlay { background-color: var(--modal-overlay); } </style> </head> -<body class="min-h-screen bg-slate-950 text-slate-200" hx-headers='{"X-CSRF-Token": "{{.CSRFToken}}"}'> - <div class="bg-overlay" style="background-image: url('{{.BackgroundURL}}');"></div> +<body class="min-h-screen text-slate-200 bg-body" style="--bg-url: url('{{.BackgroundURL}}')" hx-headers='{"X-CSRF-Token": "{{.CSRFToken}}"}'> + <div class="content-max-width py-3 sm:py-6"> <!-- Minimal Header --> <header class="flex mb-4 sm:mb-6 justify-between items-center no-print text-shadow-sm"> |