diff options
| author | Adam Malczewski <[email protected]> | 2026-10-15 09:56:27 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-10-15 09:56:27 +0900 |
| commit | c46c0e5a308f8266f80a47ba3da768e102d37eaa (patch) | |
| tree | 69207d70df38518693db362e2951798cc6bd9c04 /src | |
| parent | d04d1548ad26a141c5f7613faaedbb1cdfab5bd7 (diff) | |
| download | dispatch-web-c46c0e5a308f8266f80a47ba3da768e102d37eaa.tar.gz dispatch-web-c46c0e5a308f8266f80a47ba3da768e102d37eaa.zip | |
style(ui): drop the header's 1px bottom border (gradient + shadow carry the edge)
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/App.svelte | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/app/App.svelte b/src/app/App.svelte index 88f642a..4dac85a 100644 --- a/src/app/App.svelte +++ b/src/app/App.svelte @@ -223,14 +223,15 @@ <style> /* The Artix wiki's navbar (darkstrap `.navbar-inner` on a fixed-top bar): - a top-to-bottom gradient (#444 → #222), a 1px near-black bottom border - (#030303), a soft drop shadow under the bar (0 1px 10px), and text + a top-to-bottom gradient (#444 → #222), a soft drop shadow under the bar + (0 1px 10px), and text engraved with a 1px black text-shadow. Ported onto the active daisyUI theme so it always matches. darkstrap's bar is LIGHTER than its near-black page (that's what makes the border + shadow read), so the gradient is shifted to keep that relationship on our lighter page: it runs from the page colour (base-100) lifted 20% toward the text colour down to base-100 - lifted 3%; the border is base-100 darkened 90%. The shadow is 0.5 + lifted 3%. No bottom border (darkstrap has a 1px #030303 one — removed by + user request; the gradient + shadow carry the edge). The shadow is 0.5 (darkstrap: 0.1 — invisible on our lighter page). Positioned + z-indexed so the shadow paints over the content below. */ .app-navbar { @@ -243,7 +244,6 @@ color-mix(in srgb, var(--color-base-100) 80%, var(--color-base-content)), color-mix(in srgb, var(--color-base-100) 97%, var(--color-base-content)) ); - border-bottom: 1px solid color-mix(in srgb, var(--color-base-100) 10%, black); box-shadow: 0 1px 10px rgb(0 0 0 / 0.5); } /* Engraved text — the title only; on the tiny faint build label it muddies. */ |
