External/bichon
1
0
Fork 0
mirror of https://github.com/rustmailer/bichon.git synced 2026-08-03 07:48:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add clickable logo to redirect to homepage #95

Browse Source
This commit is contained in:
rustmailer
2026-01-05 14:31:47 +08:00
parent 3f4b37be17
commit c69ada32ef
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/layout/app-sidebar.tsx
+18 -14
View File
@@ -27,6 +27,7 @@ import {
import { NavGroup } from '@/components/layout/nav-group'
import Logo from '@/assets/logo.svg'
import { useSidebarData } from './data/sidebar-data'
import { Link } from '@tanstack/react-router';
export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
const { open } = useSidebar();
@@ -36,22 +37,25 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
<SidebarHeader>
<SidebarMenuButton
size='lg'
asChild
className='data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground'
>
<div className='flex aspect-square size-16 items-center justify-center rounded-lg text-sidebar-primary-foreground'>
<img
className={open ? "relative ml-[12px] mr-[12px]" : "mr-[30px]"}
src={Logo}
width={open ? 60 : 40}
height={open ? 60 : 40}
alt='Logo'
/>
</div>
<div className='grid flex-1 text-left text-lg leading-tight'>
<span className='truncate font-semibold'>
Bichon
</span>
</div>
<Link to="/">
<div className='flex aspect-square size-16 items-center justify-center rounded-lg text-sidebar-primary-foreground'>
<img
className={open ? "relative ml-[12px] mr-[12px]" : "mr-[30px]"}
src={Logo}
width={open ? 60 : 40}
height={open ? 60 : 40}
alt='Logo'
/>
</div>
<div className='grid flex-1 text-left text-lg leading-tight'>
<span className='truncate font-semibold'>
Bichon
</span>
</div>
</Link>
</SidebarMenuButton>
</SidebarHeader>
<SidebarContent>