42 lines
1.4 KiB
Vue
42 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import Container from '@/components/ui/container/Container.vue';
|
|
import { SidebarTrigger } from '@/components/ui/sidebar';
|
|
import { Outline } from '@/components/ui/outline';
|
|
|
|
definePageMeta({
|
|
layout: false,
|
|
})
|
|
</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 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
|
|
Tracks
|
|
</h2>
|
|
</div>
|
|
</Outline>
|
|
</template>
|
|
<div class="w-full">
|
|
<Container>
|
|
Hello
|
|
</Container>
|
|
</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>
|