sorokin.oleg.edu/learnharness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

dialogs: delete dialogs drop the serif display title for the abort-turn look

Browse Source 
Titles become text-sm font-semibold in destructive red — JetBrains Mono
via the UI default, matching the abort-turn/dismiss-question dialogs the
owner named as the ideal look. Node and session names below the title
drop the sized-up text-lg for normal text-sm, still white mono, no
code-block chrome. Settings and Setup keep their serif titles by owner
ruling; abort-turn already renders this way. 1610/1610 both configs;
verified live on the running dev server.
This commit is contained in:
amosblomqvist
2026-10-13 09:54:43 +03:00
parent 2a8f65de6e
commit 5601a98335
4 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/delete-node-dialog.tsx
+8 -5
View File
@@ -53,22 +53,25 @@ export function DeleteNodeBody({
onClick={(e) => e.stopPropagation()}
className="w-[32rem] max-w-[calc(100vw-2rem)] rounded-xl border bg-card p-5 shadow-xl"
>
<h2 className="font-title text-2xl tracking-tight text-destructive">
<h2 className="text-sm font-semibold text-destructive">
{nodes.length === 1 ? "Delete node?" : `Delete ${nodes.length} nodes?`}
</h2>
{/* The node name(s) below the title in JetBrains Mono (owner,
2026-09-24): the name is the payload — mono suits it, and
NO code-block chrome (the font already says code), sized up
to text-lg so it reads. Same shape as the session dialog.
NO code-block chrome (the font already says code). Owner,
2026-10-13 polish: title loses the serif display look for the
abort-turn look (text-sm font-semibold mono, red kept), and
the names drop the sized-up text-lg for normal text-sm —
still white, still mono. Same shape as the session dialog.
A multi-selection lists its names (capped at 8 + "and K
more" — the count in the title carries the full number). */}
<div className="mt-1.5">
{nodes.length === 1 ? (
<code data-testid="node-name-code" className="font-mono text-lg text-foreground">
<code data-testid="node-name-code" className="font-mono text-sm text-foreground">
{nodes[0]?.name}
</code>
) : (
<code data-testid="node-names-code" className="font-mono text-lg text-foreground">
<code data-testid="node-names-code" className="font-mono text-sm text-foreground">
{nodes.slice(0, 8).map((n) => n.name).join(", ")}
{nodes.length > 8 ? `, and ${nodes.length - 8} more` : ""}
</code>