|
@@ -196,7 +196,7 @@ export const MainLayout = () => {
|
|
|
<div className="flex h-screen bg-background">
|
|
<div className="flex h-screen bg-background">
|
|
|
{/* Desktop Sidebar */}
|
|
{/* Desktop Sidebar */}
|
|
|
<aside className={cn(
|
|
<aside className={cn(
|
|
|
- "hidden md:block border-r bg-background transition-all duration-200 flex flex-col",
|
|
|
|
|
|
|
+ "hidden md:block border-r bg-background transition-all duration-200",
|
|
|
collapsed ? "w-16" : "w-64"
|
|
collapsed ? "w-16" : "w-64"
|
|
|
)}>
|
|
)}>
|
|
|
<DesktopSidebarContent />
|
|
<DesktopSidebarContent />
|
|
@@ -204,13 +204,11 @@ export const MainLayout = () => {
|
|
|
|
|
|
|
|
{/* Mobile Sidebar */}
|
|
{/* Mobile Sidebar */}
|
|
|
<Sheet open={isMobileMenuOpen} onOpenChange={setIsMobileMenuOpen}>
|
|
<Sheet open={isMobileMenuOpen} onOpenChange={setIsMobileMenuOpen}>
|
|
|
- <SheetContent side="left" className="w-64 p-0 flex flex-col h-full">
|
|
|
|
|
|
|
+ <SheetContent side="left" className="w-64 p-0">
|
|
|
<SheetHeader className="p-4 border-b">
|
|
<SheetHeader className="p-4 border-b">
|
|
|
<SheetTitle>{appName}</SheetTitle>
|
|
<SheetTitle>{appName}</SheetTitle>
|
|
|
</SheetHeader>
|
|
</SheetHeader>
|
|
|
- <div className="flex-1 overflow-hidden">
|
|
|
|
|
- <MobileSidebarContent />
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <MobileSidebarContent />
|
|
|
</SheetContent>
|
|
</SheetContent>
|
|
|
</Sheet>
|
|
</Sheet>
|
|
|
|
|
|