From f707e2f8e753f9f93d39ee67d86277de2eb424b6 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 11 Apr 2022 09:28:27 +0200
Subject: [PATCH] toggleable navbar dynamic if  window.innerWidth < 1458

---
 frontend/src/components/Auth/Header.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Auth/Header.vue b/frontend/src/components/Auth/Header.vue
index 158fd1e10..1328cc138 100644
--- a/frontend/src/components/Auth/Header.vue
+++ b/frontend/src/components/Auth/Header.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="auth-header">
-    <b-navbar toggleable="lg" class="p-0">
+    <b-navbar :toggleable="toggleable" class="p-0">
       <div class="g-logo-radius bg-white p-3">
         <b-img :src="logo" height="40" alt="..." />
       </div>
@@ -35,8 +35,26 @@ export default {
     return {
       logo: 'img/brand/green.png',
       sheet: 'img/template/Blaetter.png',
+      windowWidth: window.innerWidth,
+      toggleable: false,
     }
   },
+  watch: {
+    windowWidth() {
+      this.toggleable = false
+      if (this.windowWidth < 1458) this.toggleable = true
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+      window.addEventListener('resize', this.onResize)
+    })
+  },
+  methods: {
+    onResize() {
+      this.windowWidth = window.innerWidth
+    },
+  },
 }
 </script>
 <style lang="scss">