averyfelts/Stop_smoking_website_ver2
1
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Remove legacy cloudy SVG mask to reveal video background

Browse Source
This commit is contained in:
Avery Felts 2026-01-31 19:13:50 -07:00
parent 2a0f162ea3
commit d6b191a201
1 changed files with 0 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/UserHeader.tsx
View File

@ -242,18 +242,6 @@ export function UserHeader({ user, preferences, onModalStateChange }: UserHeader
<div className="absolute inset-0 bg-gradient-to-b from-black/20 via-transparent to-black/20 dark:from-black/40 dark:to-black/40" />
</div>
{/* Cloudy/Foggy effect overlay with ultra-wide, organic feathering */}
<div
className="absolute inset-0 pointer-events-none select-none overflow-hidden invert dark:invert-0 transition-opacity duration-700"
style={{
maskImage: 'radial-gradient(ellipse 95% 140% at 50% 50%, black 0%, rgba(0,0,0,0.4) 60%, transparent 100%)',
WebkitMaskImage: 'radial-gradient(ellipse 95% 140% at 50% 50%, black 0%, rgba(0,0,0,0.4) 60%, transparent 100%)',
}}
>
<div className="absolute inset-0 fog-layer-1 opacity-[0.25] dark:opacity-[0.2]" />
<div className="absolute inset-0 fog-layer-2 opacity-[0.18] dark:opacity-[0.14]" />
</div>
<div className="container mx-auto px-4 h-16 sm:h-20 flex items-center justify-between relative z-50">
{/* LEFT: User Profile / Side Menu Trigger */}
<div className="flex-1 flex justify-start">