22 lines
959 B
Vue
22 lines
959 B
Vue
<template>
|
|
<ShadSidebarProvider>
|
|
<DashboardSidebar />
|
|
<ShadSidebarInset>
|
|
<header class="flex h-16 shrink-0 items-center gap-2 border-b">
|
|
<div class="flex items-center gap-2 px-3">
|
|
<ShadSidebarTrigger />
|
|
<ShadSeparator orientation="vertical" class="mr-2 h-4" />
|
|
</div>
|
|
</header>
|
|
<div class="flex flex-1 flex-col gap-4 p-4">
|
|
<div class="grid auto-rows-min gap-4 md:grid-cols-3">
|
|
<div class="aspect-video rounded-xl bg-muted/50" />
|
|
<div class="aspect-video rounded-xl bg-muted/50" />
|
|
<div class="aspect-video rounded-xl bg-muted/50" />
|
|
</div>
|
|
<div class="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min" />
|
|
<slot />
|
|
</div>
|
|
</ShadSidebarInset>
|
|
</ShadSidebarProvider>
|
|
</template> |