diff --git a/CHANGELOG.md b/CHANGELOG.md index ded69e6..68e7e5f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,10 @@ Diese Liste beschreibt in einfachen Worten, was sich von Version zu Version an T ## Unveröffentlicht +### Geändert + +- Seitenleiste: Ist sie eingeklappt, sind die Symbole etwas größer und stehen etwas enger beieinander. + ## 1.6.0 – 2026-09-29 ### Neu diff --git a/apps/web/src/components/layout/sidebar.tsx b/apps/web/src/components/layout/sidebar.tsx index 4ce3a0e..c98d35f 100644 --- a/apps/web/src/components/layout/sidebar.tsx +++ b/apps/web/src/components/layout/sidebar.tsx @@ -116,6 +116,11 @@ export function Sidebar() { const moduleItemClass = (active: boolean) => itemClass(active).replace('h-9', 'h-8').replace('gap-3', 'gap-2.5').replace('text-sm', 'text-[13px]'); + // Eingeklappt (Nutzerwunsch 29.09.): Symbole etwas groesser (Kachel 24 statt + // 20 px, Navigationssymbole 22 statt 20 px), Eintraege dichter — 34 px hoch + // mit 1 px Abstand statt 36 + 2 px. + const collapsedItemClass = (active: boolean) => itemClass(active).replace('h-9', 'h-[34px]'); + const fetchActiveModules = useCallback(async () => { const loadBuiltIn = async () => { try { @@ -203,7 +208,7 @@ export function Sidebar() { }, [entries, searchQuery, categoryLabel]); const navIcon = (children: React.ReactNode) => ( -