30 lines
786 B
Vue
30 lines
786 B
Vue
<template>
|
|
<UDashboardGroup>
|
|
<UDashboardSearch />
|
|
|
|
<UDashboardSidebar
|
|
collapsible
|
|
resizable
|
|
class="bg-(--ui-bg-elevated)/25"
|
|
:ui="{ footer: 'lg:border-t lg:border-(--ui-border)' }"
|
|
>
|
|
<template #default="{ collapsed }">
|
|
<UDashboardSearchButton :collapsed="collapsed" class="bg-transparent ring-(--ui-border)" />
|
|
|
|
<UNavigationMenu :collapsed="collapsed" :items="links[0]" orientation="vertical" />
|
|
|
|
<UNavigationMenu :collapsed="collapsed" :items="links[1]" orientation="vertical" class="mt-auto" />
|
|
</template>
|
|
</UDashboardSidebar>
|
|
|
|
<slot />
|
|
|
|
<!-- <HelpSlideover /> -->
|
|
<!-- <NotificationsSlideover /> -->
|
|
</UDashboardGroup>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const links = [[], []]
|
|
</script>
|