From 511de4ec9c201a740df002145e127c63bed06b83 Mon Sep 17 00:00:00 2001 From: Iu Date: Sun, 11 Oct 2026 18:24:35 +0300 Subject: [PATCH] fix(ui): use minus/plus icons for thumbnail size step buttons --- frontend/src/lib/components/DensityControl.svelte | 4 ++-- frontend/src/lib/icons/registry.ts | 3 +-- openspec/changes/thumbnail-density-control/proposal.md | 2 +- openspec/changes/thumbnail-density-control/tasks.md | 2 +- 4 files changed, 5 insertions(+), 6 deletions(-) diff --git a/frontend/src/lib/components/DensityControl.svelte b/frontend/src/lib/components/DensityControl.svelte index 6ee71a9..e379bf0 100644 --- a/frontend/src/lib/components/DensityControl.svelte +++ b/frontend/src/lib/components/DensityControl.svelte @@ -7,7 +7,7 @@
density.stepSize(-1)} @@ -25,7 +25,7 @@ title="Размер миниатюр" /> = DENSITY_MAX} onclick={() => density.stepSize(1)} diff --git a/frontend/src/lib/icons/registry.ts b/frontend/src/lib/icons/registry.ts index 371686f..23b0ac1 100644 --- a/frontend/src/lib/icons/registry.ts +++ b/frontend/src/lib/icons/registry.ts @@ -19,6 +19,7 @@ export const icons = { brightness_auto: { path: '' }, image: { path: '' }, add: { path: '' }, + remove: { path: '' }, photo_library: { path: '' }, group: { path: '' }, settings: { path: '' }, @@ -45,8 +46,6 @@ export const icons = { label: { path: '' }, menu: { path: '' }, grid_view: { path: '' }, - density_small: { path: '' }, - density_large: { path: '' }, wallpaper: { path: '' }, fullscreen: { path: '' }, fullscreen_exit: { path: '' }, diff --git a/openspec/changes/thumbnail-density-control/proposal.md b/openspec/changes/thumbnail-density-control/proposal.md index 259f6da..9a78b17 100644 --- a/openspec/changes/thumbnail-density-control/proposal.md +++ b/openspec/changes/thumbnail-density-control/proposal.md @@ -13,7 +13,7 @@ (больше колонок). Каноническое значение и формат хранения не меняются. - Добавить по бокам регулятора две иконочные кнопки шага: «−» (мельче) и «+» (крупнее), в пределах существующего диапазона 2..8. -- Добавить иконки `density_small` и `density_large` в реестр иконок. +- Кнопки шага используют иконки `remove` (минус) и `add` (плюс). - Отделить кнопку загрузки от регулятора вертикальным разделителем в тулбаре альбома. - Оставить единый регулятор в обоих местах — обзор альбомов и сетка фото альбома — с общим сохранённым значением. diff --git a/openspec/changes/thumbnail-density-control/tasks.md b/openspec/changes/thumbnail-density-control/tasks.md index 5a92631..f1daa0a 100644 --- a/openspec/changes/thumbnail-density-control/tasks.md +++ b/openspec/changes/thumbnail-density-control/tasks.md @@ -2,7 +2,7 @@ ## 1. Иконки плотности -- [x] 1.1 Добавить в `frontend/src/lib/icons/registry.ts` иконки `density_small` и `density_large` (Material Symbols, filled) — проверка: `cd frontend && npm run check` проходит без ошибок, обе иконки отрисованы как вектор через ``. +- [x] 1.1 Добавить в `frontend/src/lib/icons/registry.ts` иконку `remove` (минус) и использовать существующую `add` (плюс) — проверка: `cd frontend && npm run check` проходит без ошибок, обе иконки отрисованы как вектор через ``. ## 2. Управление размером миниатюр