dev

frontendNew/src/pages/index.vue

@@ -1,16 +1,24 @@
 <script setup lang="ts">
 import AppSidebar from "@/components/AppSidebar.vue";
-import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
+import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
+// import DcalcBreadcrumb from "@/components/DcalcBreadcrumb.vue";
 </script>
 
 <template>
   <SidebarProvider>
-    <div class="flex w-full">
-      <AppSidebar />
-      <SidebarInset>
-        <router-view />
-        <!-- router-view -->
-      </SidebarInset>
+    <div class="flex h-svh w-full overflow-hidden">
+      <div class="flex w-full min-h-0">
+        <AppSidebar />
+        <SidebarInset class="flex min-w-0 flex-1 min-h-0 flex-col overflow-hidden">
+          <!-- <DcalcBreadcrumb /> -->
+          <div class="flex items-center border-b px-2 py-2 md:hidden">
+            <SidebarTrigger class="h-8 w-8" />
+          </div>
+          <div class="flex flex-1 overflow-y-auto overflow-x-hidden">
+            <router-view />
+          </div>
+        </SidebarInset>
+      </div>
     </div>
   </SidebarProvider>
 </template>