mobile dash works

2025-12-04 15:40:49 +00:00
parent 2e6bd6730d
commit ad761c0fe8
3 changed files with 5 additions and 1 deletions
--- a/app/components/dashboard/sidebar.vue
+++ b/app/components/dashboard/sidebar.vue
@@ -41,7 +41,7 @@ const items: NavigationMenuItem[][] = [


 <template>
-  <UDashboardSidebar collapsible resizable :ui="{ footer: 'border-t border-default' }">
+  <UDashboardSidebar collapsed resizable :ui="{ footer: 'border-t border-default' }">
    <template #header="{ collapsed }">
      <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" />
--- a/app/layouts/dashboard.vue
+++ b/app/layouts/dashboard.vue
@@ -4,6 +4,8 @@
    
    <UDashboardSidebarCollapse />

+    
+
    <slot />
  </UDashboardGroup>
 </template>
--- a/app/pages/dashboard.vue
+++ b/app/pages/dashboard.vue
@@ -27,6 +27,8 @@

 <template>
  <UContainer>
+    <UDashboardSidebarToggle variant="subtle" />
+    
    <div class="mt-1 mb-2 flex flex-col w-full">
      <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>