feat(ui): basic layout
This commit is contained in:
22
app/layouts/default.vue
Normal file
22
app/layouts/default.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<UDashboardGroup>
|
||||
<UiSidebar />
|
||||
<UDashboardPanel>
|
||||
<template #header>
|
||||
<UDashboardNavbar :title="pageName">
|
||||
<template #right>
|
||||
<UColorModeButton />
|
||||
</template>
|
||||
</UDashboardNavbar>
|
||||
<div class="flex flex-row content-center justify-between w-full" />
|
||||
</template>
|
||||
<template #body>
|
||||
<slot />
|
||||
</template>
|
||||
</UDashboardPanel>
|
||||
</UDashboardGroup>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const { pageName } = usePageTitle();
|
||||
</script>
|
||||
Reference in New Issue
Block a user