feat: small content auth improvements (#2998)
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2998
This commit is contained in:
commit
2be784766f
@ -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"
|
||||||
/>
|
/>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user