This commit is contained in:
@@ -9,10 +9,12 @@
|
|||||||
<div
|
<div
|
||||||
class="q-mx-md q-mt-lg q-py-sm q-px-md"
|
class="q-mx-md q-mt-lg q-py-sm q-px-md"
|
||||||
:class="isHeroScroll ? 'text-white' : 'text-white glass shadow-6'"
|
:class="isHeroScroll ? 'text-white' : 'text-white glass shadow-6'"
|
||||||
style="
|
:style="{
|
||||||
transition: background-color 0.5s ease, color 0.5s ease;
|
'backdrop-filter': isHeroScroll ? 'none' : 'blur(12px) saturate(180%)',
|
||||||
border-radius: var(--base-radius)
|
'-webkit-backdrop-filter': isHeroScroll ? 'none' : 'blur(12px) saturate(180%)',
|
||||||
"
|
'border-radius': 'var(--base-radius)',
|
||||||
|
'transition': 'all 0.5s ease'
|
||||||
|
}"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
ref="headerContainer"
|
ref="headerContainer"
|
||||||
@@ -265,10 +267,7 @@
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.glass {
|
.glass {
|
||||||
--glass-filter: blur(12px) saturate(180%);
|
|
||||||
background-color: rgba(255, 255, 255, 0.451) !important;
|
background-color: rgba(255, 255, 255, 0.451) !important;
|
||||||
backdrop-filter: var(--glass-filter);
|
|
||||||
-webkit-backdrop-filter: var(--glass-filter);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user