From af53383c72701bde19048eac4602c31f6310e3f5 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 29 Sep 2023 11:43:20 +0200
Subject: [PATCH] fix: mobile nav on navigation

---
 src/lib/components/MobileNav.svelte | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/MobileNav.svelte b/src/lib/components/MobileNav.svelte
index ba09814e13d..6a7cbccf5d3 100644
--- 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>