IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

content header line is fix

Browse Source
This commit is contained in:
ogerly 2021-06-14 15:27:39 +02:00
parent 22211a883c
commit d8aa42cbbd
2 changed files with 37 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/components/SidebarPlugin/SideBar.vue
View File

@ -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: {

39
frontend/src/views/Layout/DashboardLayout_gdd.vue
View File

@ -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>