Prettier sidebar design #35
This commit is contained in:
@@ -86,13 +86,13 @@ const footerNavItems: NavItem[] = [
|
|||||||
<Sidebar collapsible="icon" variant="sidebar">
|
<Sidebar collapsible="icon" variant="sidebar">
|
||||||
|
|
||||||
<SidebarHeader>
|
<SidebarHeader>
|
||||||
<Link :href="dashboard()" class="flex row items-center mt-6">
|
<Link :href="dashboard()" class="flex row items-center mt-3">
|
||||||
<AppLogo />
|
<AppLogo />
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<TooltipProvider>
|
<TooltipProvider>
|
||||||
<Tooltip>
|
<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" />
|
<SidebarTrigger class="hidden md:flex text-primary-foreground" />
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent>
|
<TooltipContent>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ const page = usePage();
|
|||||||
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<SidebarGroup class="px-2 py-0">
|
<SidebarGroup class="px-2 py-0 mt-[1.8rem]">
|
||||||
|
|
||||||
<SidebarMenuItem :key="'dashboard'">
|
<SidebarMenuItem :key="'dashboard'">
|
||||||
<SidebarMenuButton as-child :is-active="urlIsActive(dashboard(), page.url)" :tooltip="'Dashboard'">
|
<SidebarMenuButton as-child :is-active="urlIsActive(dashboard(), page.url)" :tooltip="'Dashboard'">
|
||||||
|
|||||||
Reference in New Issue
Block a user