From 0a679d6fbd7dfdc17513a0adaf568e947876f84c Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 9 May 2022 15:42:10 +0200
Subject: [PATCH] add background images

---
 frontend/src/components/Auth/Header.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Auth/Header.vue b/frontend/src/components/Auth/Header.vue
index 30bec3c68..e74fe3182 100644
--- a/frontend/src/components/Auth/Header.vue
+++ b/frontend/src/components/Auth/Header.vue
@@ -1,8 +1,13 @@
 <template>
   <div class="auth-header">
     <b-navbar toggleable="lg" class="p-0 pr-4">
-      <div class="g-logo-radius bg-white p-3">
-        <b-img :src="logo" height="40" alt="..." />
+      <b-img
+        class="imgLogoBack"
+        src="img/template/gradido_background_header.png"
+        alt="start background image"
+      ></b-img>
+      <div class="p-3">
+        <b-img class="imgLogo" :src="logo" height="40" alt="..." />
       </div>
       <b-img class="header-img d-block d-lg-none" :src="sheet"></b-img>
       <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
@@ -34,6 +39,14 @@ export default {
 }
 </script>
 <style lang="scss">
+.imgLogoBack,
+.imgLogo {
+  position: absolute;
+}
+.imgLogoBack {
+  height: 140px;
+  width: 250px;
+}
 .auth-header {
   font-family: 'Open Sans', sans-serif !important;
   position: sticky;