-

-
profilarr
+
+
+
+

+
profilarr
-
-
+
+
diff --git a/src/lib/client/ui/navigation/pageNav/pageNav.svelte b/src/lib/client/ui/navigation/pageNav/pageNav.svelte
index 5c54b89..c7d6c39 100644
--- a/src/lib/client/ui/navigation/pageNav/pageNav.svelte
+++ b/src/lib/client/ui/navigation/pageNav/pageNav.svelte
@@ -2,19 +2,58 @@
import Group from './group.svelte';
import GroupItem from './groupItem.svelte';
import Version from './version.svelte';
- import { Home, Sliders, Palette, Microscope, Tag, Clock, Settings } from 'lucide-svelte';
+ import { Home, Sliders, Palette, Microscope, Tag, Clock, Settings, X } from 'lucide-svelte';
import { navIconStore } from '$stores/navIcons';
+ import { mobileNavOpen } from '$stores/mobileNav';
+ import { page } from '$app/stores';
+ import logo from '$assets/logo-512.png';
export let collapsed: boolean = false;
export let version: string = '';
$: useEmoji = $navIconStore === 'emoji';
+
+ // Close mobile nav when page changes
+ $: $page.url.pathname, mobileNavOpen.close();
+
+ function handleKeydown(e: KeyboardEvent) {
+ if (e.key === 'Escape' && $mobileNavOpen) mobileNavOpen.close();
+ }
+
+
+
+{#if $mobileNavOpen}
+
+{/if}
+
diff --git a/src/lib/client/ui/navigation/pageNav/version.svelte b/src/lib/client/ui/navigation/pageNav/version.svelte
index 28d1ee2..04a3132 100644
--- a/src/lib/client/ui/navigation/pageNav/version.svelte
+++ b/src/lib/client/ui/navigation/pageNav/version.svelte
@@ -9,10 +9,9 @@
const showVersion = shouldShowVersion();
-
-
+
@@ -24,4 +23,3 @@
-
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e6a56c8..a15cdbd 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,7 +3,8 @@
import logo from '$assets/logo-512.png';
import Navbar from '$ui/navigation/navbar/navbar.svelte';
import PageNav from '$ui/navigation/pageNav/pageNav.svelte';
- import AlertContainer from '$alerts/AlertContainer.svelte';
+ import BottomNav from '$ui/navigation/bottomNav/BottomNav.svelte';
+ import AlertContainer from '$alerts/AlertContainer.svelte';
import { sidebarCollapsed } from '$lib/client/stores/sidebar';
import { page } from '$app/stores';
@@ -21,16 +22,17 @@
{#if !isAuthPage}
+
{/if}
{#if !isAuthPage}
-
+