Strengthen mobile navbar blur

This commit is contained in:
2026-05-16 23:12:43 +01:00
parent cdd6f1b103
commit ec8812c6e2
3 changed files with 18 additions and 1 deletions

View File

@@ -116,6 +116,12 @@ a {
inset 18px 0 34px rgba(255, 255, 255, 0.12);
}
.nav-glass {
background: rgba(255, 255, 255, 0.62);
backdrop-filter: blur(30px) saturate(1.32);
-webkit-backdrop-filter: blur(30px) saturate(1.32);
}
.hairline {
background: linear-gradient(90deg, transparent, rgba(17, 19, 23, 0.15), transparent);
height: 1px;
@@ -180,6 +186,16 @@ a {
-webkit-backdrop-filter: blur(18px) saturate(1.24);
}
.nav-glass {
background: rgba(255, 255, 255, 0.58);
border-color: rgba(255, 255, 255, 0.86);
box-shadow:
0 14px 36px rgba(17, 19, 23, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.78);
backdrop-filter: blur(26px) saturate(1.38);
-webkit-backdrop-filter: blur(26px) saturate(1.38);
}
main > section {
content-visibility: auto;
contain-intrinsic-size: 1px 780px;