Skip to content

Commit 227fb9d

Browse files
fahchenclaude
andcommitted
fix(dashboard): tighten transition node padding
py-1.5 px-3 → py-1 px-2.5 on TransitionNodeView. TRANSITION_H 32 → 28. TRANSITION_PAD_PX 24 → 20 to keep the width clamp formula in sync. Token corner badge was already anchored to the circle (relative wrapper + absolute -top-1.5 -right-1.5) in the prior commit; no change needed. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 parent 0761e9b commit 227fb9d

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

dashboard/ui/src/components/NetDiagram.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,11 +56,11 @@ const PLACE_CIRCLE = 16
5656
const PLACE_LABEL_GAP = 32
5757
const PLACE_W = 48
5858
const PLACE_H = PLACE_CIRCLE + PLACE_LABEL_GAP
59-
const TRANSITION_H = 32
59+
const TRANSITION_H = 28
6060
const TRANSITION_MIN_W = 56
6161
const TRANSITION_MAX_W = 200
6262
const TRANSITION_CHAR_PX = 7
63-
const TRANSITION_PAD_PX = 24
63+
const TRANSITION_PAD_PX = 20
6464

6565
function computeTransitionWidth(transitions: ReadonlyArray<DiagramTransition>): number {
6666
let maxLen = 0
@@ -556,7 +556,7 @@ function TransitionNodeViewImpl({ data }: NodeProps<TransitionNode>) {
556556
return (
557557
<Surface
558558
as="div"
559-
className="flex items-center justify-center rounded-md border bg-cf-surface px-3 py-1.5 text-center shadow-sm"
559+
className="flex items-center justify-center rounded-md border bg-cf-surface px-2.5 py-1 text-center shadow-sm"
560560
style={{
561561
width: data.width,
562562
height: TRANSITION_H,

0 commit comments

Comments
 (0)