3a7fef59b0
Code-review follow-up to PR10b-e: - DetailHeaderStrip + KPITile: border-slate-200 → border-border so dark mode doesn't paint a bright halo around the gradient strip. - Topbar avatar: ring-white → ring-background so the 2px ring tracks the surface (matches the sidebar footer pattern). - KpiTileSkeleton stripe: bg-slate-100 → bg-muted for parity with shadcn skeleton tokens in dark mode. - Sidebar <aside>: add `relative` so the absolute-positioned collapse-toggle button anchors to the sidebar itself rather than the nearest positioned ancestor. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
21 lines
439 B
TypeScript
21 lines
439 B
TypeScript
import { type ReactNode } from 'react';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
interface DetailHeaderStripProps {
|
|
children: ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
export function DetailHeaderStrip({ children, className }: DetailHeaderStripProps) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'rounded-xl border border-border bg-gradient-brand-soft px-5 py-4 shadow-xs',
|
|
className,
|
|
)}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|