forked from BRETT/BRETT
35 lines
930 B
Vue
35 lines
930 B
Vue
<script setup lang="ts">
|
|
import CommentsSidebar from '@/components/CommentsSidebar.vue'
|
|
import CommandPalette from '@/components/CommandPalette.vue'
|
|
import MotdBanner from '@/components/MotdBanner.vue'
|
|
import SiteHeader from '@/components/SiteHeader.vue'
|
|
import {
|
|
SidebarInset,
|
|
SidebarProvider,
|
|
} from '@/components/ui/sidebar'
|
|
</script>
|
|
|
|
<template>
|
|
<SidebarProvider
|
|
:open="true"
|
|
:style=" {
|
|
'--sidebar-width': 'calc(var(--spacing) * 72)',
|
|
'--header-height': 'calc(var(--spacing) * 18)',
|
|
}"
|
|
>
|
|
<SidebarInset>
|
|
<SiteHeader />
|
|
<MotdBanner />
|
|
<div class="flex flex-1 flex-col">
|
|
<div class="@container/main flex flex-1 flex-col gap-2">
|
|
<div class="flex flex-1 flex-col gap-4 py-4 md:gap-6 md:py-6">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</SidebarInset>
|
|
<CommentsSidebar />
|
|
<CommandPalette />
|
|
</SidebarProvider>
|
|
</template>
|