diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte index ff7b6c9..7a8a6a3 100644 --- a/frontend/src/routes/+layout.svelte +++ b/frontend/src/routes/+layout.svelte @@ -3,7 +3,7 @@ import { browser } from '$app/environment'; import { page } from '$app/stores'; import { goto } from '$app/navigation'; - import { Menu } from 'lucide-svelte'; + import { Menu, EllipsisVertical } from 'lucide-svelte'; import { isAuthenticated, user, tryRefresh, logout } from '$lib/stores/auth'; import { toasts, removeToast } from '$lib/stores/toast'; import { ui } from '$lib/stores/uiState.svelte'; @@ -27,6 +27,11 @@ }; let authChecked = $state(false); + let menuOpen = $state(false); + + function isActive(path) { + return $page.url.pathname.startsWith(path); + } onMount(async () => { if (!$isAuthenticated) { @@ -81,11 +86,40 @@
- - - - - + + + + +
+ (menuOpen = !menuOpen)} + /> + {#if menuOpen} + + + {/if} +