61ce505ee5
Sidebar was scrolling with page content. Fix by adding sticky top-0 h-screen. Widen collapsed width to 68px to prevent icon clipping.
24 lines
494 B
TypeScript
24 lines
494 B
TypeScript
'use client'
|
|
|
|
import Sidebar from './Sidebar'
|
|
import { useSidebar } from '@/lib/sidebar-context'
|
|
|
|
export default function DashboardShell({
|
|
siteId,
|
|
children,
|
|
}: {
|
|
siteId: string
|
|
children: React.ReactNode
|
|
}) {
|
|
const { mobileOpen, closeMobile } = useSidebar()
|
|
|
|
return (
|
|
<div className="flex flex-1">
|
|
<Sidebar siteId={siteId} mobileOpen={mobileOpen} onMobileClose={closeMobile} />
|
|
<main className="flex-1 min-w-0 pb-8">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|