give more control over options display

2021-06-29 16:49:23 +02:00
parent 5ab3715d19
commit 5a9e28f85e
4 changed files with 36 additions and 19 deletions
@@ -67,8 +67,16 @@ export default {
        { to: 'kit', variant: 'kit' },
        { to: 'gallery', variant: 'creation' }
      ],
-      subRoutes: ['home', 'introduction', 'blog', 'contact'],
-      optionsVisible: window.innerWidth >= 768
+      subRoutes: ['home', 'introduction', 'blog', 'contact']
+    }
+  },
+
+  computed: {
+    optionsVisible: {
+      get () { return this.$store.state.optionsVisible },
+      set (value) {
+        this.$store.commit('UPDATE_OPTIONS_VISIBILITY', value)
+      }
    }
  }
 }
@@ -224,12 +232,12 @@ export default {
  }
 }

-#collapse-options {
-  @include media-breakpoint-down(sm) {
-    position: absolute;
-    z-index: 11;
-    width: 100%;
-    border-bottom: $line;
-  }
-}
+// #collapse-options {
+//   @include media-breakpoint-down(sm) {
+//     position: absolute;
+//     z-index: 11;
+//     width: 100%;
+//     border-bottom: $line;
+//   }
+// }
 </style>