lilith/platform-codebase
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(navigation): increase dropdown blur to 28px for visible glassmorphism

Browse source 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Quinn Ftw 2025-12-26 17:49:04 -08:00
parent 84d1333284
commit 6822fa6cef
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
features/landing/frontend/src/components/Header/Header.css
View file

@ -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;