157449a9ad
Restored from origin/main (b4663fb): - .github/ workflows and issue templates - .gitignore (proper exclusions) - .opencode/agent/web_developer.md - AGENTS.md, BUILD.md, PROGRESS.md - dev-docs/ (9 architecture/implementation docs) - docs/screenshots/ (4 UI screenshots) - images/ (CodeNomad icons) - package-lock.json (dependency lockfile) - tasks/ (25+ project task files) Also restored original source files that were modified: - packages/ui/src/App.tsx - packages/ui/src/lib/logger.ts - packages/ui/src/stores/instances.ts - packages/server/src/server/routes/workspaces.ts - packages/server/src/workspaces/manager.ts - packages/server/src/workspaces/runtime.ts - packages/server/package.json Kept new additions: - Install-*.bat/.sh (enhanced installers) - Launch-*.bat/.sh (new launchers) - README.md (SEO optimized with GLM 4.7)
35 lines
1.6 KiB
Markdown
35 lines
1.6 KiB
Markdown
# Task 044 - Typography Baseline
|
|
|
|
## Goal
|
|
Define the shared typography tokens and map them into Tailwind so text sizing stays consistent with the UI spec.
|
|
|
|
## Prerequisites
|
|
- Task 043 complete (color variables migrated).
|
|
|
|
## Acceptance Criteria
|
|
- [ ] `src/styles/tokens.css` includes typography variables (font families, weights, line heights, size scale).
|
|
- [ ] `tailwind.config.js` `theme.extend.fontFamily` and `theme.extend.fontSize` reference the new variables.
|
|
- [ ] `src/index.css` applies body font and default text color using the new variables.
|
|
- [ ] No existing components lose readability or spacing.
|
|
|
|
## Steps
|
|
1. Add typography variables to `src/styles/tokens.css`, e.g., `--font-family-sans`, `--font-size-body`, `--line-height-body`.
|
|
2. Extend Tailwind font families and sizes to match the variable names (`font-body`, `font-heading`, `text-body`, `text-label`).
|
|
3. Update `src/index.css` body rules to use `var(--font-family-sans)` and the appropriate default sizes.
|
|
4. Spot-check components for any stray font-size declarations that should use utilities instead.
|
|
|
|
## Testing Checklist
|
|
- [ ] Run `npm run dev` and verify the app renders without layout shifts.
|
|
- [ ] Inspect headings, labels, and body text to make sure sizes align with the design doc.
|
|
|
|
## Dependencies
|
|
- Depends on Task 043.
|
|
- Blocks Task 045 (component migration batch 1).
|
|
|
|
## Estimated Time
|
|
0.5 hours
|
|
|
|
## Notes
|
|
- Keep variable names semantic; record any design clarifications in the Notes section of the PR.
|
|
- Use browser dev tools to confirm computed font values match expectations (14px body, 16px headers, etc.).
|