fix(desktop): size workstream cards to content

Signed-off-by: loganj <loganj@squareup.com>
This commit is contained in:
Logan Johnson
2026-08-19 18:16:15 +00:00
parent 68842676fe
commit 10e6bf7052

View File

@@ -91,7 +91,7 @@ export function WorkstreamCard({
return (
<div
className={cn(
"group relative min-h-48 w-full overflow-hidden rounded-2xl border border-border/70 bg-muted/50 p-5 text-left text-foreground shadow-xs transition-all hover:-translate-y-0.5 hover:border-border hover:bg-muted/65 hover:shadow-md",
"group relative w-full self-start overflow-hidden rounded-2xl border border-border/70 bg-muted/50 p-5 text-left text-foreground shadow-xs transition-all hover:-translate-y-0.5 hover:border-border hover:bg-muted/65 hover:shadow-md",
waitingOnPrincipal && "border-t-4 border-t-amber-400/70",
)}
data-testid={`workstream-card-${channel.id}`}
@@ -108,7 +108,7 @@ export function WorkstreamCard({
Priority
</span>
) : null}
<div className="pointer-events-none relative z-10 flex h-full min-h-40 flex-col">
<div className="pointer-events-none relative z-10 flex flex-col">
<button
className="pointer-events-auto flex max-w-[calc(100%-4rem)] items-center gap-1.5 text-xs font-semibold text-muted-foreground hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"
onClick={() => onSelect(channel.id)}
@@ -122,7 +122,7 @@ export function WorkstreamCard({
<p className="mt-3 line-clamp-3 text-sm leading-relaxed text-foreground">
{viewModel.card.synopsis}
</p>
<div className="mt-auto flex flex-col gap-2 pt-4">
<div className="flex flex-col gap-2 pt-4">
<p className="truncate text-2xs text-muted-foreground">
Orchestrator:{" "}
<span className="text-foreground">