zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

fix(admin): always render breadcrumb container to keep user menu pinned right

Browse Source
This commit is contained in:
Hyko
2026-04-22 17:23:59 -04:00
parent 5a8d1bb0ff
commit 84f03a2d79
1 changed files with 29 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/admin/components/AdminTop.js
+29 -31
View File
@@ -83,37 +83,35 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa
<h1 className="text-neutral-900 dark:text-white font-semibold text-lg">{appName}</h1>
</div>
{/* Desktop breadcrumb */}
{breadcrumbs.length > 1 && (
<div className="hidden lg:flex items-center gap-1.5 text-[13px]">
{breadcrumbs.map((crumb, i) => (
<Fragment key={i}>
{i > 0 && (
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-neutral-400 dark:text-neutral-600 flex-shrink-0">
<polyline points="9 18 15 12 9 6" />
</svg>
)}
{crumb.icon ? (
<button
onClick={() => router.push(crumb.href)}
className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
>
<crumb.icon className="w-4 h-4" />
</button>
) : crumb.href ? (
<button
onClick={() => router.push(crumb.href)}
className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
>
{crumb.label}
</button>
) : (
<span className="text-neutral-900 dark:text-white font-medium">{crumb.label}</span>
)}
</Fragment>
))}
</div>
)}
{/* Desktop breadcrumb — always rendered to keep user menu pinned right */}
<div className="hidden lg:flex items-center gap-1.5 text-[13px]">
{breadcrumbs.length > 1 && breadcrumbs.map((crumb, i) => (
<Fragment key={i}>
{i > 0 && (
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-neutral-400 dark:text-neutral-600 flex-shrink-0">
<polyline points="9 18 15 12 9 6" />
</svg>
)}
{crumb.icon ? (
<button
onClick={() => router.push(crumb.href)}
className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
>
<crumb.icon className="w-4 h-4" />
</button>
) : crumb.href ? (
<button
onClick={() => router.push(crumb.href)}
className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer"
>
{crumb.label}
</button>
) : (
<span className="text-neutral-900 dark:text-white font-medium">{crumb.label}</span>
)}
</Fragment>
))}
</div>
{/* Right section — Quick links + Profile */}
<div className="flex items-center gap-3 sm:gap-4">