Files
supabase/apps/design-system/components/mobile-sidebar-sheet.tsx
Ivan Vasilov 1cd1ebfc7f chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)
Sorted all imports in all packages, `cms`, `design-system` and
`ui-library` apps by running `pnpm format` on them.

All changes in this PR are done by the script.
2026-02-05 13:54:10 +01:00

22 lines
649 B
TypeScript

'use client'
import { ScrollArea, Sheet, SheetContent, SheetTitle } from 'ui'
import { SideNavigation } from '@/components/side-navigation'
import { useMobileSidebar } from '@/hooks/use-mobile-sidebar'
export function MobileSidebarSheet() {
const { open, setOpen } = useMobileSidebar()
return (
<Sheet open={open} onOpenChange={setOpen}>
<SheetContent side="left" className="p-0 w-[240px] sm:w-[280px]" showClose={false}>
<SheetTitle className="sr-only">Navigation</SheetTitle>
<ScrollArea className="h-full py-6 lg:py-8">
<SideNavigation />
</ScrollArea>
</SheetContent>
</Sheet>
)
}