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

fix: consistent group header height prevents icon shift on toggle

Browse Source
This commit is contained in:
Usman Baig
2026-03-28 22:54:47 +01:00
parent 3067101fec
commit ef1cb32c51
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/dashboard/Sidebar.tsx
View File

@@ -297,15 +297,15 @@ function SidebarContent({
<nav className="flex-1 overflow-y-auto overflow-x-hidden px-2 space-y-4"> <nav className="flex-1 overflow-y-auto overflow-x-hidden px-2 space-y-4">
{NAV_GROUPS.map((group) => ( {NAV_GROUPS.map((group) => (
<div key={group.label}> <div key={group.label}>
{c ? ( <div className="h-5 flex items-center overflow-hidden">
<div className="mx-3 my-2 border-t border-white/[0.04]" /> {c ? (
) : ( <div className="mx-1 w-full border-t border-white/[0.04]" />
<div className="h-5 flex items-center overflow-hidden"> ) : (
<p className="px-2.5 text-[11px] font-semibold text-neutral-400 dark:text-neutral-500 uppercase tracking-wider whitespace-nowrap"> <p className="px-2.5 text-[11px] font-semibold text-neutral-400 dark:text-neutral-500 uppercase tracking-wider whitespace-nowrap">
{group.label} {group.label}
</p> </p>
</div> )}
)} </div>
<div className="space-y-0.5"> <div className="space-y-0.5">
{group.items.map((item) => ( {group.items.map((item) => (
<NavLink key={item.label} item={item} siteId={siteId} collapsed={c} onClick={isMobile ? onMobileClose : undefined} pendingHref={pendingHref} onNavigate={onNavigate} /> <NavLink key={item.label} item={item} siteId={siteId} collapsed={c} onClick={isMobile ? onMobileClose : undefined} pendingHref={pendingHref} onNavigate={onNavigate} />