- (app) group with AppShell layout, loads user/household from locals - (public) group with full-viewport split layout, /login placeholder - Root / redirects to /planner for authenticated users - Placeholder stubs for planner, recipes, shopping, settings, members Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
20 lines
596 B
Svelte
20 lines
596 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from 'svelte';
|
|
import MobileTabBar from './MobileTabBar.svelte';
|
|
import TabletNavBar from './TabletNavBar.svelte';
|
|
import DesktopSidebar from './DesktopSidebar.svelte';
|
|
|
|
let { appName, householdName, children }: { appName: string; householdName: string; children?: Snippet } = $props();
|
|
</script>
|
|
|
|
<div class="flex min-h-screen bg-[var(--color-page)]">
|
|
<DesktopSidebar {appName} {householdName} />
|
|
<div class="flex flex-1 flex-col">
|
|
<TabletNavBar />
|
|
<main class="flex-1">
|
|
{@render children?.()}
|
|
</main>
|
|
<MobileTabBar />
|
|
</div>
|
|
</div>
|