From 53d524c7f5207f35c0563c3bf53f0dc68cf3491b Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 14 Apr 2022 09:26:29 +0200
Subject: [PATCH] style work to end

---
 frontend/src/components/Auth/Carousel.vue |  5 +--
 frontend/src/components/Auth/Header.vue   | 19 ++++-----
 frontend/src/layouts/AuthLayout_gdd.vue   | 47 ++++++++++++-----------
 3 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/frontend/src/components/Auth/Carousel.vue b/frontend/src/components/Auth/Carousel.vue
index ec65c11bb..8ab41ebaf 100644
--- a/frontend/src/components/Auth/Carousel.vue
+++ b/frontend/src/components/Auth/Carousel.vue
@@ -6,7 +6,6 @@
       :interval="30000"
       controls
       indicators
-      background="#ababab"
       @sliding-start="onSlideStart"
       @sliding-end="onSlideEnd"
     >
@@ -40,11 +39,11 @@ export default {
 .carousel {
   position: relative;
   height: 100%;
-  border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;
+  /*border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;*/
 }
 .carousel-inner {
   height: 100%;
-  border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;
+  border-radius: 0 94% 63% 0/0 78% 54% 0;
 }
 
 @media screen and (max-width: 1398px) {
diff --git a/frontend/src/components/Auth/Header.vue b/frontend/src/components/Auth/Header.vue
index 1328cc138..9d062adff 100644
--- a/frontend/src/components/Auth/Header.vue
+++ b/frontend/src/components/Auth/Header.vue
@@ -10,19 +10,13 @@
       <b-collapse id="nav-collapse" is-nav>
         <!-- Right aligned nav items -->
         <b-navbar-nav class="ml-auto" right>
-          <b-nav-item>{{ $t('auth.navbar.overGradido') }}</b-nav-item>
+          <b-nav-item to="https://gradido.net/de/" target="_blank">
+            {{ $t('auth.navbar.overGradido') }}
+          </b-nav-item>
 
-          <b-nav-item>{{ $t('auth.navbar.greatCooperation') }}</b-nav-item>
+          <b-nav-item to="/register">{{ $t('signup') }}</b-nav-item>
 
-          <b-nav-item>{{ $t('auth.navbar.podcast') }}</b-nav-item>
-
-          <b-nav-item>{{ $t('auth.navbar.press') }}</b-nav-item>
-
-          <b-nav-item>{{ $t('auth.navbar.contact') }}</b-nav-item>
-
-          <b-nav-item to="/login">{{ $t('signup') }}</b-nav-item>
-
-          <b-nav-item to="/register">{{ $t('signin') }}</b-nav-item>
+          <b-nav-item to="/login">{{ $t('signin') }}</b-nav-item>
         </b-navbar-nav>
       </b-collapse>
     </b-navbar>
@@ -58,6 +52,9 @@ export default {
 }
 </script>
 <style lang="scss">
+.auth-header {
+  font-family: 'Open Sans';
+}
 .navbar-collapse {
   margin-left: 20px;
 }
diff --git a/frontend/src/layouts/AuthLayout_gdd.vue b/frontend/src/layouts/AuthLayout_gdd.vue
index 6417d2b24..a7ea3c9b3 100644
--- a/frontend/src/layouts/AuthLayout_gdd.vue
+++ b/frontend/src/layouts/AuthLayout_gdd.vue
@@ -95,7 +95,7 @@
               <router-view></router-view>
             </b-card-body>
           </b-card>
-          <content-footer v-if="!$route.meta.hideFooter"></content-footer>
+          <auth-footer v-if="!$route.meta.hideFooter"></auth-footer>
         </b-col>
       </b-row>
       <!-- <auth-layout-gdd />-->
@@ -103,18 +103,18 @@
   </div>
 </template>
 <script>
-import ContentFooter from '@/components/ContentFooter.vue'
-import LanguageSwitch from '@/components/LanguageSwitch2'
 import AuthHeader from '@/components/Auth/Header.vue'
 import Carousel from '@/components/Auth/Carousel.vue'
+import LanguageSwitch from '@/components/LanguageSwitch2'
+import AuthFooter from '@/components/Auth/Footer.vue'
 
 export default {
   name: 'AuthTemplate',
   components: {
-    ContentFooter,
-    LanguageSwitch,
     AuthHeader,
     Carousel,
+    LanguageSwitch,
+    AuthFooter,
   },
   data() {
     return {
@@ -132,6 +132,16 @@ export default {
 .page-font-size {
   font-size: 1rem;
 }
+.auth-template {
+  overflow-x: hidden;
+}
+.auth-template,
+.auth-template-content {
+  height: 100%;
+}
+.auth-header {
+  z-index: 999;
+}
 .mobil-start-box {
   position: fixed;
   height: 100%;
@@ -166,30 +176,23 @@ export default {
   position: relative;
 }
 
-.auth-template-content {
-  height: 100%;
-}
-.auth-header {
-  z-index: 999;
-}
-
 .bg-img-box {
-  margin-top: -178px;
-  /* margin-left: -80px; */
+  margin-top: -308px;
+  margin-left: -118px;
   position: absolute;
-  top: 0px;
-  bottom: 0px;
+  top: 33px;
+  bottom: -228px;
   min-width: 86%;
-  /* max-width: 800px; */
-  background-color: bisque;
-  border-radius: 0% 50% 70% 0%/50% 70% 70% 50%;
+  max-width: 800px;
+  /* background-color: bisque; */
+  /* border-radius: 0% 48% 74% 0%/59% 70% 73% 47%; */
 }
 .bg-txt-box {
   position: relative;
-  margin-top: 300px;
-  padding-bottom: 20px;
-
+  margin-top: 317px;
+  /* padding-bottom: 20px; */
   text-shadow: 2px 2px 8px #000000;
+  max-width: 733px;
 }
 .bg-txt-box > .h0 {
   font-size: 4em;