From 3cc3309cb0cc709a623376191baa3171bd4e3cbc Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 18 May 2022 14:47:30 +0200
Subject: [PATCH] remove scss from review from harti 2

---
 .../src/assets/scss/gradido-template.scss     |  8 +++++
 frontend/src/components/Auth/NavbarSmall.vue  | 12 ++++----
 frontend/src/components/LanguageSwitch2.vue   |  2 +-
 frontend/src/layouts/AuthLayout.vue           | 29 +++++--------------
 4 files changed, 21 insertions(+), 30 deletions(-)

diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 8dae4ce08..e65877294 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -7,6 +7,14 @@ body {
   cursor: pointer;
 }
 
+.c-grey {
+  color: #383838 !important;
+}
+
+.c-blau {
+  color: #0e79bc !important;
+}
+
 /* Navbar  */
 a,
 .navbar-light .navbar-nav .nav-link {
diff --git a/frontend/src/components/Auth/NavbarSmall.vue b/frontend/src/components/Auth/NavbarSmall.vue
index ba14b689a..1bb06b481 100644
--- a/frontend/src/components/Auth/NavbarSmall.vue
+++ b/frontend/src/components/Auth/NavbarSmall.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="navbar-small">
     <b-navbar>
-      <b-collapse is-nav class="mt-lg-0 mt-md-3">
-        <b-navbar-nav class="mx-auto mx-sm-auto mr-md-1">
-          <b-nav-item to="/register" class="authNavbar ml-lg-5">{{ $t('signup') }}</b-nav-item>
-          <span class="mt-1">{{ $t('math.pipe') }}</span>
-          <b-nav-item to="/login" class="authNavbar">{{ $t('signin') }}</b-nav-item>
-        </b-navbar-nav>
-      </b-collapse>
+      <b-navbar-nav>
+        <b-nav-item to="/register" class="authNavbar">{{ $t('signup') }}</b-nav-item>
+        <span class="mt-1">{{ $t('math.pipe') }}</span>
+        <b-nav-item to="/login" class="authNavbar">{{ $t('signin') }}</b-nav-item>
+      </b-navbar-nav>
     </b-navbar>
   </div>
 </template>
diff --git a/frontend/src/components/LanguageSwitch2.vue b/frontend/src/components/LanguageSwitch2.vue
index 80016f6d3..317935900 100644
--- a/frontend/src/components/LanguageSwitch2.vue
+++ b/frontend/src/components/LanguageSwitch2.vue
@@ -5,7 +5,7 @@
       @click.prevent="saveLocale(lang.code)"
       :key="lang.code"
       class="pointer pr-3"
-      :class="$store.state.language === lang.code ? 'text-primary' : ''"
+      :class="$store.state.language === lang.code ? 'c-blau' : 'c-grey'"
     >
       {{ lang.name }}
       <span class="ml-3">{{ locales.length - 1 > index ? $t('math.pipe') : '' }}</span>
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 3d8c79b4d..7bba7cd2e 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="auth-template">
     <mobile-start v-if="mobileStart" class="d-inline d-lg-none" @is-mobile-start="setMobileStart" />
-    <div v-else class="h-100 align-middle">
+    <div v-if="!mobileStart" class="h-100 align-middle">
       <navbar class="zindex10" />
 
       <div class="left-content-box position-fixed d-none d-lg-block">
@@ -16,11 +16,11 @@
         </div>
       </div>
       <b-row class="justify-content-md-center">
-        <b-col sm="12" md="8" offset-lg="6" lg="6">
+        <b-col sm="12" md="8" offset-lg="6" lg="6" class="zindex10000">
           <div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4">
             <b-row class="d-none d-md-block d-lg-none">
-              <b-col class="mb--4">
-                <navbar-small class="zindex10000" />
+              <b-col class="mb--4 d-flex justify-content-end">
+                <navbar-small />
               </b-col>
             </b-row>
             <b-row class="mt-5 pl-2 pl-md-0 pl-lg-0">
@@ -36,7 +36,7 @@
             <b-card no-body ref="pageFontSize" class="border-0 mt-4 gradido-custom-background">
               <b-row class="p-4">
                 <b-col cols="10">
-                  <language-switch class="ml-3"/>
+                  <language-switch class="ml-3" />
                 </b-col>
                 <b-col cols="2" class="text-right">
                   <div id="popover-target-1" class="pointer">
@@ -62,7 +62,7 @@
                 <b-col class="text-center">
                   <b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar>
                   <b-row class="mt-4">
-                    <b-col class="zindex1000 mb--4">
+                    <b-col class="zindex1000 d-flex justify-content-center">
                       <navbar-small />
                     </b-col>
                   </b-row>
@@ -101,9 +101,7 @@ export default {
   },
   data() {
     return {
-      lg: 1025,
-      mobileStart: window.innerWidth < this.lg,
-      windowWidth: window.innerWidth,
+      mobileStart: true,
     }
   },
   methods: {
@@ -113,19 +111,6 @@ export default {
     setTextSize(size) {
       this.$refs.pageFontSize.style.fontSize = size + 'rem'
     },
-    onResize() {
-      this.mobileStart = window.innerWidth < this.lg
-    },
-  },
-  mounted() {
-    this.$nextTick(() => {
-      window.addEventListener('resize', this.onResize)
-    })
-  },
-  watch: {
-    windowWidth() {
-      window.addEventListener('resize', this.onResize)
-    },
   },
 }
 </script>