mobile dash works
This commit is contained in:
@@ -41,7 +41,7 @@ const items: NavigationMenuItem[][] = [
|
|||||||
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<UDashboardSidebar collapsible resizable :ui="{ footer: 'border-t border-default' }">
|
<UDashboardSidebar collapsed resizable :ui="{ footer: 'border-t border-default' }">
|
||||||
<template #header="{ collapsed }">
|
<template #header="{ collapsed }">
|
||||||
<UIcon v-if="!collapsed" name="i-simple-icons-nuxtdotjs" class="h-5 w-auto shrink-0" />
|
<UIcon v-if="!collapsed" name="i-simple-icons-nuxtdotjs" class="h-5 w-auto shrink-0" />
|
||||||
<UIcon v-else name="i-simple-icons-nuxtdotjs" class="size-5 text-primary mx-auto" />
|
<UIcon v-else name="i-simple-icons-nuxtdotjs" class="size-5 text-primary mx-auto" />
|
||||||
|
|||||||
@@ -4,6 +4,8 @@
|
|||||||
|
|
||||||
<UDashboardSidebarCollapse />
|
<UDashboardSidebarCollapse />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<slot />
|
<slot />
|
||||||
</UDashboardGroup>
|
</UDashboardGroup>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -27,6 +27,8 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<UContainer>
|
<UContainer>
|
||||||
|
<UDashboardSidebarToggle variant="subtle" />
|
||||||
|
|
||||||
<div class="mt-1 mb-2 flex flex-col w-full">
|
<div class="mt-1 mb-2 flex flex-col w-full">
|
||||||
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
|
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
|
||||||
<ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP>
|
<ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP>
|
||||||
|
|||||||
Reference in New Issue
Block a user