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> <h1 className="text-neutral-900 dark:text-white font-semibold text-lg">{appName}</h1>
</div> </div>
{/* Desktop breadcrumb */} {/* Desktop breadcrumb — always rendered to keep user menu pinned right */}
{breadcrumbs.length > 1 && ( <div className="hidden lg:flex items-center gap-1.5 text-[13px]">
<div className="hidden lg:flex items-center gap-1.5 text-[13px]"> {breadcrumbs.length > 1 && breadcrumbs.map((crumb, i) => (
{breadcrumbs.map((crumb, i) => ( <Fragment key={i}>
<Fragment key={i}> {i > 0 && (
{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">
<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" />
<polyline points="9 18 15 12 9 6" /> </svg>
</svg> )}
)} {crumb.icon ? (
{crumb.icon ? ( <button
<button onClick={() => router.push(crumb.href)}
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"
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" />
<crumb.icon className="w-4 h-4" /> </button>
</button> ) : crumb.href ? (
) : crumb.href ? ( <button
<button onClick={() => router.push(crumb.href)}
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"
className="text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors cursor-pointer" >
> {crumb.label}
{crumb.label} </button>
</button> ) : (
) : ( <span className="text-neutral-900 dark:text-white font-medium">{crumb.label}</span>
<span className="text-neutral-900 dark:text-white font-medium">{crumb.label}</span> )}
)} </Fragment>
</Fragment> ))}
))} </div>
</div>
)}
{/* Right section — Quick links + Profile */} {/* Right section — Quick links + Profile */}
<div className="flex items-center gap-3 sm:gap-4"> <div className="flex items-center gap-3 sm:gap-4">