From d8aa42cbbd022a635541b5374e2ab81b224a24b2 Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Mon, 14 Jun 2021 15:27:39 +0200
Subject: [PATCH] content header line is fix

---
 .../src/components/SidebarPlugin/SideBar.vue  | 24 +++++++-----
 .../src/views/Layout/DashboardLayout_gdd.vue  | 39 +++++++++++--------
 2 files changed, 37 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/SidebarPlugin/SideBar.vue b/frontend/src/components/SidebarPlugin/SideBar.vue
index d2373e1de..756e72d2a 100755
--- a/frontend/src/components/SidebarPlugin/SideBar.vue
+++ b/frontend/src/components/SidebarPlugin/SideBar.vue
@@ -4,19 +4,21 @@
     id="sidenav-main"
   >
     <div class="container-fluid">
-      <div class="text-center">
-        <div class="mb-2">
-          <img :src="logo" class="navbar-brand-img" alt="Gradido Logo" />
-        </div>
+      <!--Toggler-->
+      <navbar-toggle-button @click.native="showSidebar"></navbar-toggle-button>
+      <div class="navbar-brand">
+        <img :src="logo" class="navbar-brand-img" alt="..." />
       </div>
-
+      <b-row class="text-center">
+        <b-col>{{ pending ? '—' : $n(balance, 'decimal') }} GDD</b-col>
+      </b-row>
       <slot name="mobile-right">
         <ul class="nav align-items-center d-md-none">
-          <a slot="title-container" class="nav-link" role="button">
-            <div class="media align-items-center">
-              <navbar-toggle-button @click.native="showSidebar"></navbar-toggle-button>
-            </div>
-          </a>
+          <div class="media align-items-center">
+            <span class="avatar avatar-sm">
+              <vue-qrcode :value="$store.state.email" type="image/png"></vue-qrcode>
+            </span>
+          </div>
         </ul>
       </slot>
       <slot></slot>
@@ -68,12 +70,14 @@
 <script>
 import NavbarToggleButton from '@/components/NavbarToggleButton'
 import LanguageSwitch from '@/components/LanguageSwitch.vue'
+import VueQrcode from 'vue-qrcode'
 
 export default {
   name: 'sidebar',
   components: {
     NavbarToggleButton,
     LanguageSwitch,
+    VueQrcode,
   },
   props: {
     logo: {
diff --git a/frontend/src/views/Layout/DashboardLayout_gdd.vue b/frontend/src/views/Layout/DashboardLayout_gdd.vue
index b1bf052fa..7a6dffe03 100755
--- a/frontend/src/views/Layout/DashboardLayout_gdd.vue
+++ b/frontend/src/views/Layout/DashboardLayout_gdd.vue
@@ -23,22 +23,24 @@
       </template>
     </side-bar>
     <div class="main-content">
-      <b-navbar>
-        <b-navbar-nav class="ml-auto">
-          <b-nav-item right>
-            <b-media no-body class="align-items-center">
-              <span class="pb-2 text-lg font-weight-bold">
-                {{ $store.state.email }}
-              </span>
-              <b-media-body class="ml-2">
-                <span class="avatar">
-                  <vue-qrcode :value="$store.state.email" type="image/png"></vue-qrcode>
+      <div class="d-none d-md-block">
+        <b-navbar>
+          <b-navbar-nav class="ml-auto">
+            <b-nav-item>
+              <b-media no-body class="align-items-center">
+                <span class="pb-2 text-lg font-weight-bold">
+                  {{ $store.state.email }}
                 </span>
-              </b-media-body>
-            </b-media>
-          </b-nav-item>
-        </b-navbar-nav>
-      </b-navbar>
+                <b-media-body class="ml-2">
+                  <span class="avatar">
+                    <vue-qrcode :value="$store.state.email" type="image/png"></vue-qrcode>
+                  </span>
+                </b-media-body>
+              </b-media>
+            </b-nav-item>
+          </b-navbar-nav>
+        </b-navbar>
+      </div>
 
       <div @click="$sidebar.displaySidebar(false)">
         <fade-transition :duration="200" origin="center top" mode="out-in">
@@ -152,4 +154,9 @@ export default {
   },
 }
 </script>
-<style lang="scss"></style>
+<style lang="scss">
+.xxx {
+  position: relative;
+  right: 0px;
+}
+</style>