From 42dce562a3cd72aebdb84e0da2f31f50567f2a01 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Mon, 15 Aug 2022 18:42:53 +0500
Subject: [PATCH] fix: very wide nav menu when width < 1001px (fixes
 streetwriters/notesnook#807)

---
 apps/web/src/app.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app.js b/apps/web/src/app.js
index c45c8242f..b30ebf25a 100644
--- a/apps/web/src/app.js
+++ b/apps/web/src/app.js
@@ -98,7 +98,7 @@ function DesktopAppContents({ isAppLoaded, show, setShow }) {
   const panesRef = useRef();
 
   useEffect(() => {
-    panesRef.current.reset();
+    setIsNarrow(isTablet);
   }, [isTablet]);
 
   return (
@@ -120,7 +120,7 @@ function DesktopAppContents({ isAppLoaded, show, setShow }) {
           <Allotment.Pane
             className="pane nav-pane"
             minSize={50}
-            preferredSize={paneSizes[0]}
+            preferredSize={isTablet ? 50 : paneSizes[0]}
             visible={!isFocusMode}
           >
             <Flex sx={{ overflow: "hidden", flex: 1 }}>
@@ -131,7 +131,7 @@ function DesktopAppContents({ isAppLoaded, show, setShow }) {
                   toggleNavigationContainer: (state) => {
                     setShow(state || !show);
                   },
-                  isTablet: isTablet || isNarrow,
+                  isTablet: isNarrow,
                 }}
                 fallback={<NavigationLoader />}
               />