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

refactor navbar brand and navbarsmall position

Browse Source
This commit is contained in:
ogerly 2022-05-18 07:55:38 +02:00
parent 83f364a581
commit 2135f6ada2
3 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/Auth/Navbar.vue
View File

@ -1,18 +1,20 @@
<template> <template>
<div class="auth-header position-sticky"> <div class="auth-header position-sticky">
<b-navbar toggleable="lg" class="pr-4"> <b-navbar toggleable="lg" class="pr-4">
<b-img <b-navbar-brand>
class="imgLogo position-absolute ml--3 mt--3 p-2 zindex1000" <b-img
:src="logo" class="imgLogo position-absolute ml--3 mt--3 p-2 zindex1000"
width="200" :src="logo"
alt="..." width="200"
/> alt="..."
<b-img />
class="imgLogoBack mt--3 ml--3" <b-img
src="img/template/gradido_background_header.png" class="imgLogoBack mt--3 ml--3"
width="230" src="img/template/gradido_background_header.png"
alt="start background image" width="230"
></b-img> 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-navbar-toggle target="nav-collapse" class="zindex1000"></b-navbar-toggle> <b-navbar-toggle target="nav-collapse" class="zindex1000"></b-navbar-toggle>

2
frontend/src/components/Auth/NavbarSmall.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="navbar-small"> <div class="navbar-small">
<b-navbar> <b-navbar>
<b-collapse is-nav class="mt-lg-0 mt-md-5"> <b-collapse is-nav class="mt-lg-0 mt-md-3">
<b-navbar-nav class="mx-auto mx-sm-auto mr-md-1"> <b-navbar-nav class="mx-auto mx-sm-auto mr-md-1">
<b-nav-item to="/register" class="authNavbar ml-lg-5">{{ $t('signup') }}</b-nav-item> <b-nav-item to="/register" class="authNavbar ml-lg-5">{{ $t('signup') }}</b-nav-item>
<span class="mt-1">{{ $t('math.pipe') }}</span> <span class="mt-1">{{ $t('math.pipe') }}</span>

2
frontend/src/layouts/AuthLayout_gdd.vue
View File

@ -18,7 +18,7 @@
<b-row class="justify-content-md-center"> <b-row class="justify-content-md-center">
<b-col sm="12" md="8" offset-lg="6" lg="6"> <b-col sm="12" md="8" offset-lg="6" lg="6">
<div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4"> <div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4">
<b-row class="d-none d-md-block d-lg-none mt-3"> <b-row class="d-none d-md-block d-lg-none">
<b-col class="mb--4"> <b-col class="mb--4">
<navbar-small class="zindex10" /> <navbar-small class="zindex10" />
</b-col> </b-col>