optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make header glass backdrop more visible over map backgrounds
Some checks failed
Build Docker Image / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-03-10 11:59:27 +07:00
parent 61a37040d6
commit 1c8c81a54e
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/layouts/topnav.vue
View File

@@ -367,12 +367,13 @@ const onSearch = () => {
.liquid-header-backdrop {
position: absolute;
inset: 0;
height: 320%;
background: rgba(255, 255, 255, 0.08);
height: 350%;
background: rgba(255, 255, 255, 0.22);
-webkit-backdrop-filter: blur(16px) saturate(180%);
backdrop-filter: blur(16px) saturate(180%);
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 22%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.12) 68%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 22%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.12) 68%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.1) 65%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.1) 65%, transparent 100%);
pointer-events: none;
z-index: 0;
}
</style>