23 lines
1.2 KiB
Markdown
23 lines
1.2 KiB
Markdown
# 2026-09-20 — Web UI-кит как в mobile iOS kit
|
|
|
|
Кабинет переведён на те же токены и примитивы, что Flutter `mobile/lib/ui`.
|
|
|
|
## Токены
|
|
`web/src/design/tokens.css` — Apple HIG: accent #12885A / #3CD68C, label /
|
|
separator / grouped surfaces, SF-шкала, 4pt сетка, радиусы 6/10/12/16.
|
|
Светлая и тёмная тема через `prefers-color-scheme`. Шрифт Inter.
|
|
Старые `--color-*` оставлены как алиасы.
|
|
|
|
## Кит
|
|
`web/src/ui/` — AppButton (filled/tinted/gray/plain/destructive), AppText,
|
|
AppTextField, AppListSection/Tile, AppSegmented, AppProgress, AppEmpty/Error,
|
|
Chip, Avatar, Skeleton. Стили в `kit.css`.
|
|
|
|
Старые `components/ui` (Button, Field, PageHeader, MetricGrid, …) — тонкие
|
|
обёртки над китом, страницы не ломаются.
|
|
|
|
## Оболочка
|
|
AppShell: translucent bar, inset-grouped нав на десктопе, капсулы на узком
|
|
экране. Обзор и журнал собраны на list/segmented. Остальные экраны получают
|
|
iOS-вид через те же кнопки, поля и `data-list`.
|