37 lines
1.3 KiB
Vue
37 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { Outline } from '@/components/ui/outline';
|
|
import { SidebarTrigger } from '@/components/ui/sidebar';
|
|
import Frame from '@/components/ui/frame/Frame.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex-1">
|
|
<NuxtLayout name="default">
|
|
<template #header>
|
|
<Outline side="bottom" padding="dense" class="w-full">
|
|
<div class="flex gap-8 w-full items-center">
|
|
<SidebarTrigger :size="5" />
|
|
<h2 class="scroll-m-20 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
|
|
Import
|
|
</h2>
|
|
</div>
|
|
</Outline>
|
|
</template>
|
|
<div class="w-full">
|
|
<Frame>
|
|
Hello
|
|
</Frame>
|
|
</div>
|
|
<template #sidebar>
|
|
<Outline padding="none" class="h-full" side="left">
|
|
<Outline padding="dense" side="bottom">
|
|
<p class="leading-7 not-first:mt-6 font-semibold">
|
|
Metadata editor
|
|
</p>
|
|
</Outline>
|
|
</Outline>
|
|
</template>
|
|
</NuxtLayout>
|
|
</div>
|
|
</template>
|