lukas/Ghost_Kitchen
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Give the top nav bar a translucent glass effect

Browse Source 
Adds a backdrop blur and semi-transparent background/border so page
content shows through the sticky header while scrolling.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
lukas
2026-09-13 19:27:58 +02:00
co-authored by Claude Sonnet 5
parent 439932c168
commit a716080f7d
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/__root.module.scss
+4 -2
View File
@@ -14,8 +14,10 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: $space-3; padding: $space-3;
background: $color-background; background: rgba($color-background, 0.3);
border-bottom: 1px solid $color-border; backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba($color-border, 0.3);
} }
.brand { .brand {