EntityWorkspace: normalize typography to match Panel (20px/bold), use Eyebrow primitive (P1-10, P2-27)

This commit is contained in:
ZacharyZhang-NY committed 2026-04-16 23:04:52 -04:00
1 parent 972eb5dc93
commit 41fee50c55
1 file changed
+7 -2
+7 -2
View File
@@ -1,5 +1,10 @@
import type { ReactNode } from "react";
import { Eyebrow } from "./ui";
/**
* Two-slot workspace layout with a section header.
* Use `Panel` for single-slot sections; use this when rendering a primary + secondary pane.
*/
export function EntityWorkspace({
title,
eyebrow,
@@ -14,8 +19,8 @@ export function EntityWorkspace({
return (
<div className="space-y-14">
<div>
{eyebrow ? <div className="text-[10px] uppercase tracking-[0.08em] text-muted-foreground">{eyebrow}</div> : null}
<h2 className={`${eyebrow ? "mt-2" : ""} text-[18px] font-semibold tracking-[-0.01em] text-foreground`}>{title}</h2>
{eyebrow ? <Eyebrow className="mb-1">{eyebrow}</Eyebrow> : null}
<h2 className="text-[20px] font-bold tracking-[-0.025em] text-foreground">{title}</h2>
</div>
<div className="space-y-14">{primary}{secondary}</div>
</div>