Merge pull request #122 from appwrite/fix-mobile-nav-on-navigation

fix: mobile nav on navigation
appwrite · Sep 29, 2023 · deea53a · deea53a
2 parents 68ccb31 + af53383
commit deea53a
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/lib/components/MobileNav.svelte b/src/lib/components/MobileNav.svelte
@@ -1,16 +1,23 @@
 <script lang="ts">
+	import { afterNavigate } from '$app/navigation';
 	import type { NavLink } from '$lib/layouts/Main.svelte';
 
 	export let open = false;
 	export let links: NavLink[];
+
+	afterNavigate(() => {
+		open = false;
+	});
 </script>
 
-<svelte:window on:resize={() => (open = false)} />
+<svelte:window on:resize={() => open && (open = false)} />
 
 <nav class="aw-side-nav aw-is-not-desktop" class:u-hide={!open}>
 	<div class="aw-side-nav-wrapper aw-u-padding-inline-16">
 		<div class="u-flex items-center u-gap-8">
-			<a href="https://cloud.appwrite.io/register" class="aw-button is-secondary u-width-full-line">Sign up</a>
+			<a href="https://cloud.appwrite.io/register" class="aw-button is-secondary u-width-full-line">
+				Sign up
+			</a>
 
 			<a href="https://cloud.appwrite.io" class="aw-button u-width-full-line">Get started</a>
 		</div>
@@ -28,7 +35,11 @@
 			</section>
 		</div>
 		<div class="aw-side-nav-mobile-footer-buttons">
-			<a href="https://github.com/appwrite/appwrite/stargazers" target="_blank" class="aw-button is-text u-width-full-line">
+			<a
+				href="https://github.com/appwrite/appwrite/stargazers"
+				target="_blank"
+				class="aw-button is-text u-width-full-line"
+			>
 				<span class="aw-icon-star" aria-hidden="true" />
 				<span class="text">Star on GitHub</span>
 				<span class="aw-inline-tag aw-sub-body-400">33.2K</span>