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

fix: use exact logistics header-glass classes instead of custom liquid-header
All checks were successful
Build Docker Image / build (push) Successful in 5m42s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-03-10 12:01:14 +07:00
parent 1c8c81a54e
commit 2e9ce856f2
1 changed files with 2 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/layouts/topnav.vue
View File

@@ -8,8 +8,8 @@
<div class="flex-1 flex flex-col" :style="contentStyle">
<!-- Fixed Header Container -->
<div class="liquid-header fixed top-0 left-0 right-0 z-40" :style="headerContainerStyle">
<div class="liquid-header-backdrop" aria-hidden="true" />
<div class="header-glass fixed inset-x-0 top-0 z-50 border-0" :style="headerContainerStyle">
<div class="header-glass-backdrop" aria-hidden="true" />
<!-- Animated background for home page -->
<HeroBackground v-if="isHomePage" :collapse-progress="collapseProgress" />
@@ -359,21 +359,3 @@ const onSearch = () => {
}
</script>
<style scoped>
.liquid-header {
background: transparent;
}
.liquid-header-backdrop {
position: absolute;
inset: 0;
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 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>