mikkel/nexus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs(23): fix UI-SPEC spacing — replace 6px/12px with 4px/16px grid values

Browse source
This commit is contained in:
Nexus Dev 2026-04-01 21:23:29 +00:00
parent fe61a0bc09
commit e762ddd15c
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
.planning/phases/23-brainstormer-flow/23-UI-SPEC.md
View file

@ -85,8 +85,8 @@ When the Brainstormer completes its questioning flow, it emits a **spec card** a
- Container: `rounded-lg border border-border bg-card p-4 max-w-[480px]` — uses `bg-card` (secondary 30% surface) to visually distinguish spec from normal prose
- Section labels ("What", "Why", "Constraints", "Success"): `text-[11px] font-semibold uppercase tracking-wide text-muted-foreground` — same weight/size pattern as Phase 22 timestamps
- Section content: `text-[15px] font-normal text-foreground leading-relaxed` — standard body
- Vertical rhythm between sections: `space-y-3` (12px gaps)
- Action row: `flex gap-2 pt-3 border-t border-border mt-3` — separated from content with a border
- Vertical rhythm between sections: `space-y-4` (16px gaps)
- Action row: `flex gap-2 pt-4 border-t border-border mt-4` — separated from content with a border
- "Send to PM" button: `variant="default" size="sm"` — primary action
- "Edit" button: `variant="outline" size="sm"` — secondary action
- "Save as Draft" button: `variant="ghost" size="sm"` — tertiary action
@ -115,7 +115,7 @@ When the PM agent creates Nexus issues from the spec, a `system` role message wi
[ #123 Issue title text → View task ]
```
- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1.5 text-[13px]`
- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1 text-[13px]`
- Issue ID badge: `text-[11px] font-semibold text-muted-foreground` — e.g. "T-123"
- Issue title: `text-[13px] text-foreground`
- "View task" link: `text-primary underline-offset-2 hover:underline` — navigates to the issue detail page
@ -129,7 +129,7 @@ When an Engineer or Generalist completes a task, a `system` role message with `m
[ ✓ Engineer completed T-123: Issue title ]
```
- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1.5 text-[13px]`
- Container: `inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-1 text-[13px]`
- Icon: `CheckCircle2` (lucide), 14×14px, `text-green-500 dark:text-green-400` — indicates completion
- Text: `text-[13px] text-foreground` — agent name + action + task reference
- Task reference: `text-primary underline-offset-2 hover:underline` — link to issue detail
@ -149,9 +149,9 @@ Inherited from Phase 21 and Phase 22. No new tokens for Phase 23.
| xl | 32px | (no new usage) |
**New spacing values (Phase 23 only):**
- Spec card section vertical rhythm: `space-y-3` (12px) — between What/Why/Constraints/Success blocks
- Spec card action row top: `pt-3` (12px) — from content to action row border
- Task badge height: `py-1.5` (6px top/bottom) — compact inline badge
- Spec card section vertical rhythm: `space-y-4` (16px) — between What/Why/Constraints/Success blocks
- Spec card action row top: `pt-4` (16px) — from content to action row border
- Task badge height: `py-1` (6px top/bottom) — compact inline badge
- Handoff indicator vertical: `py-2` (8px) — matches section separator rhythm
---