Standardize UI typography, charts and empty states
This commit is contained in:
@@ -63,3 +63,11 @@ operations represent their host receipts and maintenance verification so a singl
|
||||
user action does not appear multiple times. Routine successful host checks stay
|
||||
in the technical Host operation history. Keep detail links contextual so their
|
||||
parent breadcrumb restores filters and pagination.
|
||||
|
||||
### Type and numbers
|
||||
|
||||
Use the shared `--text-*` scale, with 12 px as the minimum. Mobile inputs use
|
||||
`--text-input` (16 px) to avoid browser zoom. `npm run check:styles`, also included
|
||||
in `npm run check`, rejects raw pixel font sizes. Use Inter with tabular figures
|
||||
for counts, scores, durations and charts; reserve mono for code, IDs, paths and
|
||||
logs. Static values use text or state colors; the accent marks links and controls.
|
||||
|
||||
Reference in New Issue
Block a user