remove navbar if not mobil

This commit is contained in:
ogerly 2022-08-19 10:36:47 +02:00
parent 2810e12c1c
commit 85e962ac3a

View File

@ -1,7 +1,28 @@
<template> <template>
<div class="auth-header position-sticky"> <div class="auth-header position-sticky">
<b-navbar :toggleable="false" class="pr-4"> <b-navbar :toggleable="false" class="pr-4">
<b-navbar-brand class="d-none d-lg-block">
<b-img
class="imgLogo position-absolute ml--3 mt-lg--2 mt-3 p-2 zindex1000"
:src="logo"
width="200"
alt="..."
/>
<b-img
class="imgLogoBack mt--3 ml--3"
src="/img/template/gradido_background_header.png"
width="230"
alt="start background image"
></b-img>
</b-navbar-brand>
<b-img class="sheet-img position-absolute d-block d-lg-none zindex1000" :src="sheet"></b-img> <b-img class="sheet-img position-absolute d-block d-lg-none zindex1000" :src="sheet"></b-img>
<b-collapse id="nav-collapse" is-nav class="ml-5">
<b-navbar-nav class="ml-auto d-none d-lg-flex" right>
<b-nav-item to="/register" class="authNavbar ml-lg-5">{{ $t('signup') }}</b-nav-item>
<span class="d-none d-lg-block mt-1">{{ $t('math.pipe') }}</span>
<b-nav-item to="/login" class="authNavbar">{{ $t('signin') }}</b-nav-item>
</b-navbar-nav>
</b-collapse>
</b-navbar> </b-navbar>
</div> </div>
</template> </template>
@ -11,6 +32,7 @@ export default {
name: 'AuthNavbar', name: 'AuthNavbar',
data() { data() {
return { return {
logo: '/img/brand/green.png',
sheet: '/img/template/Blaetter.png', sheet: '/img/template/Blaetter.png',
} }
}, },