malty/ca-grow-ops-manager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Breadcrumb vertical alignment and add v2.1 tracer
Some checks are pending
Test / backend-test (push) Waiting to run
Details
Test / frontend-test (push) Waiting to run
Details

Browse source
This commit is contained in:
fullsizemalt 2025-12-27 16:58:14 -08:00
parent 66346cb168
commit 92c65889ac
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/ui/Breadcrumbs.tsx
View file

@ -78,10 +78,10 @@ export function Breadcrumbs() {
<li className="flex items-center"> <li className="flex items-center">
<Link <Link
to="/dashboard" to="/dashboard"
className="flex items-center justify-center p-1 rounded-md hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors" // Added flex center className="h-6 w-6 flex items-center justify-center rounded-md hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
aria-label="Home" aria-label="Home"
> >
<Home size={14} /> {/* Bumped size slightly for visual balance */} <Home size={14} />
</Link> </Link>
</li> </li>
@ -91,19 +91,19 @@ export function Breadcrumbs() {
return ( return (
<li key={crumb.path} className="flex items-center gap-1"> <li key={crumb.path} className="flex items-center gap-1">
<ChevronRight size={12} className="opacity-40" /> {/* Standardize size */} <ChevronRight size={12} className="opacity-40" />
{isLast ? ( {isLast ? (
<motion.span <motion.span
initial={{ opacity: 0, x: -4 }} initial={{ opacity: 0, x: -4 }}
animate={{ opacity: 1, x: 0 }} animate={{ opacity: 1, x: 0 }}
className="px-2 py-1 text-[var(--color-text-tertiary)]" // Standardized padding className="px-2 h-6 flex items-center text-[var(--color-text-tertiary)]"
> >
{crumb.label} {crumb.label}
</motion.span> </motion.span>
) : ( ) : (
<Link <Link
to={crumb.path} to={crumb.path}
className="px-2 py-1 rounded-md hover:bg-[var(--color-bg-tertiary)] hover:text-[var(--color-text-primary)] transition-colors" // Standardized padding className="px-2 h-6 flex items-center rounded-md hover:bg-[var(--color-bg-tertiary)] hover:text-[var(--color-text-primary)] transition-colors"
> >
{crumb.label} {crumb.label}
</Link> </Link>

2
frontend/src/pages/RoomDetailPage.tsx
View file

@ -67,7 +67,7 @@ export default function RoomDetailPage() {
<div> <div>
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<h1 className="text-3xl font-bold tracking-tight text-[var(--color-text-primary)]"> <h1 className="text-3xl font-bold tracking-tight text-[var(--color-text-primary)]">
{room.name?.replace('[DEMO] ', '')} {room.name?.replace('[DEMO] ', '')} <span className="text-xs text-emerald-500 align-top opacity-50">(v2.1)</span>
</h1> </h1>
<span className={cn( <span className={cn(
"px-3 py-1 rounded-full text-xs font-semibold border shadow-sm", "px-3 py-1 rounded-full text-xs font-semibold border shadow-sm",