diff --git a/apps/manacore/apps/web/src/routes/(app)/+layout.svelte b/apps/manacore/apps/web/src/routes/(app)/+layout.svelte index ed0a917a1..6ba105f10 100644 --- a/apps/manacore/apps/web/src/routes/(app)/+layout.svelte +++ b/apps/manacore/apps/web/src/routes/(app)/+layout.svelte @@ -66,8 +66,6 @@ let isCollapsed = $state(false); let showShortcuts = $state(false); let showOnboarding = $state(false); - // Bottom chrome height: calculated from state, not measured (avoids reflow loop) - const bottomChromeHeight = $derived((isCollapsed ? 0 : 80) + (isTagStripVisible ? 44 : 0) + 72); // PillNav ~80px + TagStrip ~44px + QuickInputBar ~72px // ── Theme ─────────────────────────────────────────────── let isDark = $derived(theme.isDark); @@ -129,6 +127,9 @@ isTagStripVisible = !isTagStripVisible; } + // Bottom chrome height: calculated from state, not measured (avoids reflow loop) + const bottomChromeHeight = $derived((isCollapsed ? 0 : 80) + (isTagStripVisible ? 44 : 0) + 72); + // ── DnD context ───────────────────────────────────────── let tagDropHandler = $state<((tagId: string, payload: DragPayload) => void) | null>(null); setContext('tagDropHandler', {