ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
components/dashboard/DashboardShell.tsx
View File

@@ -38,11 +38,11 @@ function GlassTopBar({ siteId }: { siteId: string }) {
}, [realtime]) }, [realtime])
return ( return (
<div className="hidden md:flex items-center justify-between h-10 shrink-0 px-3"> <div className="hidden md:flex items-center justify-between shrink-0 px-3 pt-3 pb-1">
{/* Collapse toggle */} {/* Collapse toggle — mirrors sidebar AppLauncher row sizing for pixel alignment */}
<button <button
onClick={toggle} 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'} aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
> >
<SidebarSimple className="w-[18px] h-[18px]" weight={collapsed ? 'regular' : 'fill'} /> <SidebarSimple className="w-[18px] h-[18px]" weight={collapsed ? 'regular' : 'fill'} />

1
components/dashboard/Sidebar.tsx
View File

@@ -9,7 +9,6 @@ import { listSites, type Site } from '@/lib/api/sites'
import { useAuth } from '@/lib/auth/context' import { useAuth } from '@/lib/auth/context'
import { useSettingsModal } from '@/lib/settings-modal-context' import { useSettingsModal } from '@/lib/settings-modal-context'
import { useSidebar } from '@/lib/sidebar-context' import { useSidebar } from '@/lib/sidebar-context'
import { SidebarSimple } from '@phosphor-icons/react'
// `,` shortcut handled globally by UnifiedSettingsModal // `,` shortcut handled globally by UnifiedSettingsModal
import { getUserOrganizations, switchContext, type OrganizationMember } from '@/lib/api/organization' import { getUserOrganizations, switchContext, type OrganizationMember } from '@/lib/api/organization'
import { setSessionAction } from '@/app/actions/auth' import { setSessionAction } from '@/app/actions/auth'