add scss to bootstrap scss, add watch for mobile Style

frontend/src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="app" :class="$route.meta.requiresAuth ? 'font-sans text-gray-800' : ''">
+  <div id="app" :class="$route.meta.requiresAuth ? 'font-sans text-gray-800' : ''" class="h-100">
     <component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayoutGDD'" />
   </div>
 </template>
@@ -22,7 +22,6 @@ export default {
   src: url(./assets/scss/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
 }
 #app {
-  height: 100%;
   min-width: 360px;
   font-size: 1rem;
   font-family: 'WorkSans', sans-serif !important;
@@ -33,8 +32,4 @@ export default {
     font-size: 0.85rem;
   }
 }
-
-.pointer {
-  cursor: pointer;
-}
 </style>

frontend/src/assets/scss/gradido-template.scss

@@ -3,11 +3,19 @@ body {
   height: 100%;
 }
 
+.pointer {
+  cursor: pointer;
+}
+
 /* Navbar  */
 .navbar-light .navbar-nav .nav-link {
   color: #047006;
 }
 
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(35, 121, 188, 0.9);
+}
+
 .text-gradido {
   color: rgb(249 205 105 / 100%);
 }

frontend/src/layouts/AuthLayout_gdd.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="auth-template">
     <mobile-start v-if="mobileStart" class="d-inline d-lg-none" @is-mobile-start="isMobileStart" />
-    <div class="h-100 align-middle">
+    <div v-else class="h-100 align-middle">
       <navbar class="zindex10" />
 
       <div class="left-content-box position-fixed d-none d-lg-block">
@@ -63,7 +63,7 @@
                   <b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar>
                   <b-row class="mt-4">
                     <b-col class="zindex1000 mb--4">
-                      <navbar-small />
+                      <!-- <navbar-small /> -->
                     </b-col>
                   </b-row>
                 </b-col>
@@ -100,7 +100,8 @@ export default {
   },
   data() {
     return {
-      mobileStart: true,
+      mobileStart: window.innerWidth < 1025,
+      windowWidth: window.innerWidth,
     }
   },
   methods: {
@@ -110,6 +111,19 @@ export default {
     setTextSize(size) {
       this.$refs.pageFontSize.style.fontSize = size + 'rem'
     },
+    onResize() {
+      this.mobileStart = window.innerWidth < 1025
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+      window.addEventListener('resize', this.onResize)
+    })
+  },
+  watch: {
+    windowWidth() {
+      window.addEventListener('resize', this.onResize)
+    },
   },
 }
 </script>