Navbar is less stupid now

LynxCrew · Jul 30, 2023 · 6feb529 · 6feb529
1 parent 88409b9
commit 6feb529
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mainsail",
-    "version": "2.6.9",
+    "version": "2.6.10",
     "private": true,
     "decription": "a klipper web interface",
     "author": {

diff --git a/src/App.vue b/src/App.vue
@@ -96,8 +96,8 @@ export default class App extends Mixins(BaseMixin) {
         }
 
         // overwrite padding left for the sidebar
-        if (this.naviDrawer && this.navigationStyle === 'iconsAndText') style.paddingLeft = '220px'
-        if (this.naviDrawer && this.navigationStyle === 'iconsOnly') style.paddingLeft = '56px'
+        if (!this.isMobile && this.naviDrawer && this.navigationStyle === 'iconsAndText') style.paddingLeft = '220px'
+        if (!this.isMobile && this.naviDrawer && this.navigationStyle === 'iconsOnly') style.paddingLeft = '56px'
 
         return style
     }

diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue
@@ -1,7 +1,7 @@
 <template>
     <v-navigation-drawer
         :key="navigationStyle"
-        :value="naviDrawer"
+        v-model="naviDrawer"
         :src="sidebarBackground"
         :mini-variant="navigationStyle === 'iconsOnly'"
         :width="navigationWidth"
@@ -70,6 +70,10 @@ export default class TheSidebar extends Mixins(NavigationMixin, BaseMixin) {
         return this.$store.state.naviDrawer
     }
 
+    set naviDrawer(newVal) {
+        this.$store.dispatch('setNaviDrawer', newVal)
+    }
+
     get navigationStyle() {
         return this.$store.state.gui.uiSettings.navigationStyle
     }