fix: align collapse toggle with sidebar AppLauncher row (Dokploy-style)

This commit is contained in:
Usman Baig
2026-03-25 16:39:53 +01:00
parent 540c0b51ca
commit 953d828cd9
2 changed files with 3 additions and 4 deletions

View File

@@ -38,11 +38,11 @@ function GlassTopBar({ siteId }: { siteId: string }) {
}, [realtime])
return (
<div className="hidden md:flex items-center justify-between h-10 shrink-0 px-3">
{/* Collapse toggle */}
<div className="hidden md:flex items-center justify-between shrink-0 px-3 pt-3 pb-1">
{/* Collapse toggle — mirrors sidebar AppLauncher row sizing for pixel alignment */}
<button
onClick={toggle}
className="flex items-center justify-center p-1.5 text-neutral-400 hover:text-white rounded-lg hover:bg-white/[0.06] transition-colors"
className="w-9 h-9 flex items-center justify-center text-neutral-400 hover:text-white rounded-lg hover:bg-white/[0.06] transition-colors"
aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
>
<SidebarSimple className="w-[18px] h-[18px]" weight={collapsed ? 'regular' : 'fill'} />