diff --git a/packages/views/layout/app-sidebar.tsx b/packages/views/layout/app-sidebar.tsx index 346194964d..27ddb4de46 100644 --- a/packages/views/layout/app-sidebar.tsx +++ b/packages/views/layout/app-sidebar.tsx @@ -51,6 +51,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarRail, + SidebarTrigger, } from "@multica/ui/components/ui/sidebar"; import { DropdownMenu, @@ -691,7 +692,8 @@ export function AppSidebar({ topSlot, searchSlot, headerClassName, headerStyle } -
+
+
diff --git a/packages/views/layout/page-header.tsx b/packages/views/layout/page-header.tsx index 85c967714f..8a1b896ec2 100644 --- a/packages/views/layout/page-header.tsx +++ b/packages/views/layout/page-header.tsx @@ -3,13 +3,14 @@ import { cn } from "@multica/ui/lib/utils"; import { SidebarTrigger, useSidebar } from "@multica/ui/components/ui/sidebar"; -function MobileSidebarTrigger() { +function SidebarToggle() { try { - useSidebar(); + const { state } = useSidebar(); + // On mobile: always show (hamburger). On desktop: only when sidebar is collapsed. + return ; } catch { return null; } - return ; } interface PageHeaderProps { @@ -20,7 +21,7 @@ interface PageHeaderProps { export function PageHeader({ children, className }: PageHeaderProps) { return (
- + {children}
);