From 6822fa6ceff861815a0daae934c4f3df7a9b9fdd Mon Sep 17 00:00:00 2001 From: Quinn Ftw Date: Fri, 26 Dec 2025 17:49:04 -0800 Subject: [PATCH] fix(navigation): increase dropdown blur to 28px for visible glassmorphism MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 --- .../landing/frontend/src/components/Header/Header.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/features/landing/frontend/src/components/Header/Header.css b/features/landing/frontend/src/components/Header/Header.css index 34ad71ae7..cdd90a71b 100644 --- a/features/landing/frontend/src/components/Header/Header.css +++ b/features/landing/frontend/src/components/Header/Header.css @@ -270,14 +270,14 @@ header nav li ul, nav li ul { /* Override styled-component inline background-color */ - background-color: rgba(15, 20, 30, 0.3) !important; + background-color: rgba(15, 20, 30, 0.75) !important; /* Layered background for shimmer effect */ background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent) !important; - /* Backdrop-filter included but may not work in all browsers */ - backdrop-filter: blur(var(--glass-blur-md)) !important; - -webkit-backdrop-filter: blur(var(--glass-blur-md)) !important; + /* Strong backdrop blur for glassmorphism effect */ + backdrop-filter: blur(28px) saturate(180%) !important; + -webkit-backdrop-filter: blur(28px) saturate(180%) !important; /* Delicate glass border */ border: 1px solid rgba(255, 255, 255, 0.15) !important;