From 4f76f15e01eb862ba97e87fff14cc485734de229 Mon Sep 17 00:00:00 2001
From: Jiang Bohan <bhjiang@outlook.com>
Date: Fri, 10 Apr 2026 15:01:40 +0800
Subject: [PATCH] fix(layout): add mobile sidebar trigger for small screens

The sidebar already renders as a Sheet (drawer) on mobile via the
existing shadcn sidebar component, but there was no trigger button
for users to open it. This adds a mobile-only (md:hidden) header
bar with a SidebarTrigger in the DashboardLayout so users on phones
can access the sidebar navigation.

Closes #593
---
 packages/views/layout/dashboard-layout.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/views/layout/dashboard-layout.tsx b/packages/views/layout/dashboard-layout.tsx
index dfb1aeaf93..3d4604b63c 100644
--- a/packages/views/layout/dashboard-layout.tsx
+++ b/packages/views/layout/dashboard-layout.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import type { ReactNode } from "react";
-import { SidebarProvider, SidebarInset } from "@multica/ui/components/ui/sidebar";
+import { SidebarProvider, SidebarInset, SidebarTrigger } from "@multica/ui/components/ui/sidebar";
 import { ModalRegistry } from "../modals/registry";
 import { AppSidebar } from "./app-sidebar";
 import { DashboardGuard } from "./dashboard-guard";
@@ -34,6 +34,9 @@ export function DashboardLayout({
       <SidebarProvider className="h-svh">
         <AppSidebar searchSlot={searchSlot} />
         <SidebarInset className="overflow-hidden">
+          <div className="flex h-10 shrink-0 items-center border-b px-2 md:hidden">
+            <SidebarTrigger />
+          </div>
           {children}
           <ModalRegistry />
         </SidebarInset>