mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-25 20:15:37 +02:00
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
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user