Prettier sidebar design #35

resources/js/components/AppSidebar.vue

@@ -86,13 +86,13 @@ const footerNavItems: NavItem[] = [
     <Sidebar collapsible="icon" variant="sidebar">
 
         <SidebarHeader>
-            <Link :href="dashboard()" class="flex row items-center mt-6">
+            <Link :href="dashboard()" class="flex row items-center mt-3">
             <AppLogo />
             </Link>
 
             <TooltipProvider>
                 <Tooltip>
-                    <TooltipTrigger class="w-fit absolute top-11 right-3 group-data-[collapsible=icon]:right-5">
+                    <TooltipTrigger class="w-fit absolute top-9 right-[.666rem]">
                         <SidebarTrigger class="hidden md:flex text-primary-foreground" />
                     </TooltipTrigger>
                     <TooltipContent>

resources/js/components/NavMain.vue

@@ -16,7 +16,7 @@ const page = usePage();
 
 
 <template>
-    <SidebarGroup class="px-2 py-0">
+    <SidebarGroup class="px-2 py-0 mt-[1.8rem]">
 
         <SidebarMenuItem :key="'dashboard'">
             <SidebarMenuButton as-child :is-active="urlIsActive(dashboard(), page.url)" :tooltip="'Dashboard'">