feat(ui): refactor components and enhance UX
CI / changes (push) Successful in 11s
CI / commitlint (push) Has been skipped
CI / openapi (push) Has been skipped
CI / web (push) Successful in 47s
CI / go (push) Successful in 1m1s
CI / bird2 (push) Successful in 17s
CI / release (push) Successful in 4m36s
CI / changes (push) Successful in 11s
CI / commitlint (push) Has been skipped
CI / openapi (push) Has been skipped
CI / web (push) Successful in 47s
CI / go (push) Successful in 1m1s
CI / bird2 (push) Successful in 17s
CI / release (push) Successful in 4m36s
Updated various UI components to improve user experience and maintainability. Key changes include: - Refactored `PageHeader` to remove icon handling, simplifying its structure. - Replaced `KpiMetricsGrid` with `SectionCards` for better layout consistency. - Enhanced `AppShell` and navigation components to utilize a grouped navigation structure, improving accessibility and organization. - Introduced new properties in `crud-list-page` for handling empty states and loading indicators. - Updated styles and classes for better visual consistency across components. These changes streamline the UI and enhance the overall user experience across the application.
This commit is contained in:
@@ -39,9 +39,14 @@ pnpm --filter @evobgp/web lint
|
||||
|
||||
После правок `apps/web/**` — **обязательно** `check` и `lint` (WEB-19).
|
||||
|
||||
## UX-эталон
|
||||
## UX-эталон (vps-tracker, без ReUI)
|
||||
|
||||
vps-tracker: `PageShell`, `SectionCards`, `QueryState`, `DataTableCard`, sidebar-07 layout. ReUI не используется — Data Table на shadcn-svelte.
|
||||
- **Shell:** `layout/app-shell.svelte` — sidebar-07, `collapsible="icon"`, 5 nav-групп (`nav.ts`), `AppBrand`, `ThemeMenu` в top header, breadcrumb с parent
|
||||
- **Страница:** `PageShell` → `PageHeader` (без icon) → `QueryState` / контент
|
||||
- **Метрики:** `SectionCards` (не KpiMetricsGrid)
|
||||
- **Таблицы:** `DataTableCard` + `AppDataTable` (не голый `Card` + `Table`)
|
||||
- **Tabs:** line-variant через `LINE_TAB_TRIGGER_CLASS` (`$lib/ui/app/tabs.ts`)
|
||||
- **Тема:** `packages/ui/src/styles/globals.css` синхронизирован с vps-tracker (semantic tokens)
|
||||
|
||||
## Коммиты
|
||||
|
||||
|
||||
Reference in New Issue
Block a user