feature/small-content-auth-improvements #2998
|
@ -1,16 +1,16 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="content-auth">
|
<div class="content-auth">
|
||||||
<BaseButton
|
<BaseButton
|
||||||
v-if="menuActive"
|
v-show="menuActive"
|
||||||
@click="baseStore.setMenuActive(false)"
|
@click="baseStore.setMenuActive(false)"
|
||||||
class="menu-hide-button d-print-none"
|
class="menu-hide-button d-print-none"
|
||||||
>
|
>
|
||||||
<icon icon="times"/>
|
<icon icon="times"/>
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
<div
|
<div
|
||||||
|
class="app-container"
|
||||||
:class="{'has-background': background || blurHash}"
|
:class="{'has-background': background || blurHash}"
|
||||||
:style="{'background-image': blurHash && `url(${blurHash})`}"
|
:style="{'background-image': blurHash && `url(${blurHash})`}"
|
||||||
class="app-container"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
:class="{'is-visible': background}"
|
:class="{'is-visible': background}"
|
||||||
|
@ -18,14 +18,14 @@
|
||||||
:style="{'background-image': background && `url(${background})`}"></div>
|
:style="{'background-image': background && `url(${background})`}"></div>
|
||||||
<navigation class="d-print-none"/>
|
<navigation class="d-print-none"/>
|
||||||
<main
|
<main
|
||||||
|
class="app-content"
|
||||||
:class="[
|
:class="[
|
||||||
{ 'is-menu-enabled': menuActive },
|
{ 'is-menu-enabled': menuActive },
|
||||||
$route.name,
|
$route.name,
|
||||||
]"
|
]"
|
||||||
class="app-content"
|
|
||||||
>
|
>
|
||||||
<BaseButton
|
<BaseButton
|
||||||
v-if="menuActive"
|
v-show="menuActive"
|
||||||
@click="baseStore.setMenuActive(false)"
|
@click="baseStore.setMenuActive(false)"
|
||||||
class="mobile-overlay d-print-none"
|
class="mobile-overlay d-print-none"
|
||||||
/>
|
/>
|
||||||
|
|
Reference in New Issue
Block a user