feat: apply frutiger aero glass to sidebar drawer
This commit is contained in:
parent
a2d05b6b78
commit
c1196c7f7c
1 changed files with 12 additions and 5 deletions
|
|
@ -45,7 +45,7 @@
|
|||
--borderColor: var(--mithral-dark);
|
||||
--darkerBorderColor: var(--obsidian);
|
||||
--headerColor: transparent;
|
||||
--drawerColor: rgba(8, 9, 12, 0.9);
|
||||
--drawerColor: transparent;
|
||||
|
||||
/* Buttons & UI Elements */
|
||||
--btnSubmitColor: var(--arcane-blue);
|
||||
|
|
@ -169,10 +169,17 @@ body:has(#itemDetailPage) html::after,
|
|||
0 12px 40px rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
/* Glassmorphism for drawer only */
|
||||
.drawer-open, .mainDrawer {
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
/* Frutiger Aero glassmorphism drawer */
|
||||
.mainDrawer {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 30%),
|
||||
linear-gradient(180deg, rgba(56, 189, 248, 0.12) 0%, rgba(8, 9, 12, 0.72) 100%) !important;
|
||||
backdrop-filter: blur(32px) saturate(2) brightness(1.08) !important;
|
||||
-webkit-backdrop-filter: blur(32px) saturate(2) brightness(1.08) !important;
|
||||
border-right: 1px solid rgba(56, 189, 248, 0.22) !important;
|
||||
box-shadow:
|
||||
-1px 0 0 rgba(255, 255, 255, 0.08) inset,
|
||||
12px 0 40px rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
/* --- Custom Branding --- */
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue