julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: ajout de transparence et effet de flou sur la sidebar

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-12 08:24:33 +01:00
parent 41fdbd14ad
commit c26a20694b
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/layout/Sidebar.tsx
View File

@@ -51,7 +51,9 @@ export function Sidebar({ isOpen }: SidebarProps) {
return ( return (
<aside <aside
className={cn( className={cn(
"fixed left-0 top-14 z-30 h-[calc(100vh-3.5rem)] w-64 border-r border-border/40 bg-background transition-transform duration-300 ease-in-out flex flex-col", "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",
"transition-transform duration-300 ease-in-out flex flex-col",
isOpen ? "translate-x-0" : "-translate-x-full" isOpen ? "translate-x-0" : "-translate-x-full"
)} )}
> >