feat: enhance UI components with backdrop blur effects and improved background styles for better visual aesthetics

This commit is contained in:
Julien Froidefond
2025-10-17 11:09:07 +02:00
parent 8d6f8f4de7
commit faca1cdce6
44 changed files with 112 additions and 101 deletions

View File

@@ -167,7 +167,7 @@ export function Sidebar({ isOpen, onClose, initialLibraries, initialFavorites, u
suppressHydrationWarning
className={cn(
"fixed left-0 top-14 z-30 h-[calc(100vh-3.5rem)] w-64 border-r border-border/40",
"bg-background/80 backdrop-blur-sm supports-[backdrop-filter]:bg-background/60",
"bg-background/70 backdrop-blur-md supports-[backdrop-filter]:bg-background/50",
"transition-transform duration-300 ease-in-out flex flex-col",
isOpen ? "translate-x-0" : "-translate-x-full"
)}