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

fix: stack sidebar utility icons vertically

Browse Source 
Horizontal row didn't fit in 64px collapsed sidebar. Stack theme,
notifications, and profile icons vertically like nav items.
This commit is contained in:
Usman Baig
2026-03-18 22:27:53 +01:00
parent f1fc8facb4
commit 342e3705e8
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/dashboard/Sidebar.tsx
View File

@@ -382,21 +382,27 @@ export default function Sidebar({
{/* Bottom — utility items */} {/* Bottom — utility items */}
<div className="border-t border-neutral-200/60 dark:border-neutral-800/60 px-2 py-3 shrink-0"> <div className="border-t border-neutral-200/60 dark:border-neutral-800/60 px-2 py-3 shrink-0">
{/* Theme, Notifications, Profile */} {/* Theme, Notifications, Profile */}
<div className="flex items-center justify-center gap-1 mb-1"> <div className="flex flex-col items-center gap-0.5 mb-1">
<ThemeToggle /> <div className="flex items-center justify-center w-full rounded-lg px-2.5 py-2">
<NotificationCenter anchor="right" /> <ThemeToggle />
<UserMenu </div>
auth={auth} <div className="flex items-center justify-center w-full rounded-lg px-2.5 py-2">
LinkComponent={Link} <NotificationCenter anchor="right" />
orgs={orgs} </div>
activeOrgId={auth.user?.org_id} <div className="flex items-center justify-center w-full rounded-lg px-2.5 py-2">
onSwitchOrganization={handleSwitchOrganization} <UserMenu
onCreateOrganization={() => router.push('/onboarding')} auth={auth}
allowPersonalOrganization={false} LinkComponent={Link}
onOpenSettings={openSettings} orgs={orgs}
compact activeOrgId={auth.user?.org_id}
anchor="right" onSwitchOrganization={handleSwitchOrganization}
/> onCreateOrganization={() => router.push('/onboarding')}
allowPersonalOrganization={false}
onOpenSettings={openSettings}
compact
anchor="right"
/>
</div>
</div> </div>
{/* Settings + Collapse */} {/* Settings + Collapse */}