From 0bdccfba8836ecaa2b20ef433d8d6b6d60e6e005 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 4 Sep 2025 09:42:49 +0530
Subject: [PATCH] fix: inconsistent sidebar state on mobile/tablet viewport
 after navigation.

---
 src/lib/layout/shell.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 79220304b..15263ac08 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -18,6 +18,7 @@
     import { page } from '$app/stores';
     import type { Models } from '@appwrite.io/console';
     import { getSidebarState, isInDatabasesRoute, updateSidebarState } from '$lib/helpers/sidebar';
+    import { isTabletViewport } from '$lib/stores/viewport';
 
     export let showHeader = true;
     export let showFooter = true;
@@ -107,7 +108,7 @@
             isInDatabasesRoute(navigation.from.route) && !isInDatabasesRoute(navigation.to.route);
 
         if (isEnteringDatabase) {
-            state = 'icons';
+            state = $isTabletViewport ? 'closed' : 'icons';
         } else if (isLeavingDatabase) {
             state = getSidebarState();
             $noWidthTransition = false;