ragusa-it/ragusaitweb
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

style: Adjust navbar backdrop blur intensity and background color opacity.

Browse Source
This commit is contained in:
Melvin Ragusa
2026-01-24 14:00:11 +01:00
parent 821e27ff0e
commit 949d5ab8b9
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/layout/Navbar.module.css
View File

@@ -175,8 +175,8 @@
gap: 0; gap: 0;
padding: var(--space-lg); padding: var(--space-lg);
background-color: rgba(15, 20, 16, 0.95); background-color: rgba(15, 20, 16, 0.95);
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(12px); backdrop-filter: blur(30px);
border-bottom: 1px solid var(--md-sys-color-outline-variant); border-bottom: 1px solid var(--md-sys-color-outline-variant);
transform: translateY(-100%); transform: translateY(-100%);
opacity: 0; opacity: 0;
@@ -191,7 +191,7 @@
} }
.header.scrolled .navLinks { .header.scrolled .navLinks {
background-color: rgba(15, 20, 16, 0.85); background-color: rgba(15, 20, 16, 0.70);
} }
.navLink { .navLink {