refactor navbar brand and navbarsmall position

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

View File

@ -1,6 +1,7 @@
<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-navbar-brand>
<b-img <b-img
class="imgLogo position-absolute ml--3 mt--3 p-2 zindex1000" class="imgLogo position-absolute ml--3 mt--3 p-2 zindex1000"
:src="logo" :src="logo"
@ -13,6 +14,7 @@
width="230" width="230"
alt="start background image" alt="start background image"
></b-img> ></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>

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>

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>