2.6 KiB
2.6 KiB
Tasks
1. Иконки плотности
- 1.1 Добавить в
frontend/src/lib/icons/registry.tsиконкуremove(минус) и использовать существующуюadd(плюс) — проверка:cd frontend && npm run checkпроходит без ошибок, обе иконки отрисованы как вектор через<Icon name>.
2. Управление размером миниатюр
- 2.1 В
frontend/src/lib/stores/density.svelte.tsдобавить отображение «размер» ↔cols(вправо = крупнее), сохранивcolsканоническим и ключlocalStorage['grid-cols']неизменным — проверка:cd frontend && npm run check. - 2.2 Переписать
frontend/src/lib/components/DensityControl.svelte: ползунок с направлением «вправо крупнее», кнопки «−»/«+» (density_small/density_large) по сторонам, доступные имена, диапазон 2..8 — проверка: вnpm run devзначение меняется ползунком и кнопками и сохраняется. - 2.3 Подтвердить, что регулятор показан на обоих экранах и делит одно значение (
frontend/src/routes/(app)/+page.svelteиfrontend/src/routes/(app)/albums/[id]/+page.svelte) — проверка: смена размера на обзоре альбомов отражается в сетке альбома и переживает перезагрузку.
3. Разделитель в тулбаре альбома
- 3.1 Добавить вертикальный разделитель между
DensityControlи кнопкой загрузки вfrontend/src/routes/(app)/albums/[id]/+page.svelte— проверка: вnpm run devчерта видна, доступные имена обеих кнопок сохранены.
4. Интеграционная проверка
- 4.1
cd frontend && npm run check && npm run buildпроходит; вручную: направление ползунка (вправо — крупнее), шаг кнопками, сохранение значения, единый размер в обзоре альбомов и в сетке фото альбома.
Workflow follow-up
- Заархивировать change после выполнения требований ревью проекта (
/opsx-archive). - Проверить результат после архивации.