Two month of work

resources/js/layouts/AppLayout.vue

@@ -6,7 +6,7 @@ import 'vue-sonner/style.css'
 import { Toaster } from 'vue-sonner'
 import { Info, CircleAlert, CircleCheck, LoaderCircle, Ban } from "lucide-vue-next"
 import { Button } from '@/components/ui/crm-button'
-import { SidebarProvider } from '@/components/ui/sidebar';
+import { SidebarProvider } from '@/components/ui/crm-sidebar';
 import { AlertDialog, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '@/components/ui/alert-dialog'
 import { alertStore } from '@/stores/alertStore';
 import { webcronStore } from '@/stores/webcronStore';
@@ -70,12 +70,12 @@ onMounted(() => {
         </template>
     </Toaster>
 
-    <div class="overflow-x-auto p-4 lg:p-8 lg:pl-4 print:bg-transparent print:p-0 print:m-0">
+    <div class="overflow-hidden print:bg-transparent">
 
         <SidebarProvider :default-open="isOpen">
             <AppSidebar />
 
-            <main class="w-full overflow-x-hidden">
+            <main class="w-full h-lvh overflow-auto bg-main print:bg-transparent border-l print:border-0 border-sidebar-border/50 p-4 md:p-6 lg:p-8">
                 <slot />
             </main>
         </SidebarProvider>
@@ -115,12 +115,5 @@ onMounted(() => {
         background-color: transparent;
     }
 
-    main {
-        margin: 0;
-        background-color: transparent;
-        border-radius: 0;
-        box-shadow: none;
-        outline: none;
-    }
 }
 </style>