From 1e75ad23c6f938a938a61f181504cd2a50f0e3c2 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 6 May 2022 09:40:02 +0200
Subject: [PATCH] color shema #ffffff for body, position reight side middle if
 xxl devices

---
 .../src/assets/scss/custom/gradido-custom/_body.scss   |  2 +-
 .../assets/scss/custom/gradido-custom/_sections.scss   | 10 ++++++++--
 frontend/src/assets/scss/gradido-template.scss         |  2 +-
 frontend/src/layouts/AuthLayout_gdd.vue                |  8 ++++++--
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/frontend/src/assets/scss/custom/gradido-custom/_body.scss b/frontend/src/assets/scss/custom/gradido-custom/_body.scss
index df8f91f5b..7e959ab78 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_body.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_body.scss
@@ -1,4 +1,4 @@
 // Body
 
-$body-bg: #f8f9fe !default;
+$body-bg: #ffffff !default;
 $body-color: $gray-700 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_sections.scss b/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
index df8f91f5b..b21bbcfe1 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
@@ -1,4 +1,10 @@
 // Body
 
-$body-bg: #f8f9fe !default;
-$body-color: $gray-700 !default;
+$section-colors: () !default;
+$section-colors: map-merge((
+  "primary":      $body-bg,
+  "secondary":    $secondary,
+  "light":        $gray-400,
+  "dark":         $dark,
+  "darker":       $darker
+), $section-colors);
diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 706135829..787044237 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -1,6 +1,6 @@
 html,
 body {
-  height: 100%; /* both html and body */
+  height: 100%;
 }
 
 /* Navbar  */
diff --git a/frontend/src/layouts/AuthLayout_gdd.vue b/frontend/src/layouts/AuthLayout_gdd.vue
index f72a0f6c6..94cfb4ee0 100644
--- a/frontend/src/layouts/AuthLayout_gdd.vue
+++ b/frontend/src/layouts/AuthLayout_gdd.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="auth-template" ref="pageFontSize">
     <mobile-start v-if="mobileStart" class="d-inline d-lg-none" @is-mobile-start="isMobileStart" />
-    <div>
+    <div class="h-100 align-middle">
       <auth-header class="auth-header" />
 
       <div class="left-content-box d-none d-lg-block">
@@ -17,7 +17,7 @@
       </div>
 
 
-      <b-row class="d-flex justify-content-center">
+      <b-row class="right-content d-flex justify-content-center">
           <b-col sm="12" md="8" lg="6" offset-lg="6">
           <div class="right-content-box">
             <b-row class="mt-5 pl-2 pl-md-0 pl-lg-0">
@@ -139,6 +139,10 @@ export default {
 }
 
 /* right */
+.right-content {
+  height: 100%;
+  flex-direction: column-reverse;
+}
 .right-content-box {
   max-width: 640px;
 }