diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/static/css/input.css | 5 | ||||
| -rw-r--r-- | web/templates/index.html | 4 |
2 files changed, 5 insertions, 4 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 */ 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"> |