fix: auto-opening sidebar #1090 (#1787)

* updated the sidebar; on mobile devices, the sidebar will be closed by default * updated the AppSideBar * change variable name Co-authored-by: Hayden <[email protected]>
mealie-recipes · Nov 11, 2022 · 703cfd7 · 703cfd7
1 parent 2a797a2
commit 703cfd7
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/frontend/components/Layout/AppSidebar.vue b/frontend/components/Layout/AppSidebar.vue
@@ -176,13 +176,20 @@ export default defineComponent({
     },
   },
   setup(props, context) {
-    // V-Model Support
-    const drawer = computed({
+       // V-Model Support
+      const drawer = computed({
       get: () => {
         return props.value;
       },
       set: (val) => {
-        context.emit("input", val);
+          if(window.innerWidth < 760 && state.hasOpenedBefore === false){
+            state.hasOpenedBefore = true;
+            val = false
+            context.emit("input", val);
+          }
+          else{
+            context.emit("input", val);
+          }
       },
     });
 
@@ -191,6 +198,7 @@ export default defineComponent({
       topSelected: null as string[] | null,
       secondarySelected: null as string[] | null,
       bottomSelected: null as string[] | null,
+      hasOpenedBefore: false as boolean,
     });
 
     return {