vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: put the welcome back title always at the bottom

Browse Source
This commit is contained in:
kolaente 2021-11-28 15:42:47 +01:00
parent eb6347712e
commit 365c071db0
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/misc/no-auth-wrapper.vue
View File

@ -3,7 +3,7 @@
<Logo class="logo" width="200" height="58"/> <Logo class="logo" width="200" height="58"/>
<div class="noauth-container"> <div class="noauth-container">
<section class="image"> <section class="image">
<div class="overlay"> <div class="overlay" :class="{'has-message': motd !== ''}">
<message v-if="motd !== ''"> <message v-if="motd !== ''">
{{ motd }} {{ motd }}
</message> </message>
@ -14,7 +14,6 @@
</section> </section>
<section class="content"> <section class="content">
<slot/> <slot/>
<legal/> <legal/>
</section> </section>
</div> </div>
@ -62,15 +61,19 @@ const motd = computed(() => store.state.config.motd)
.overlay { .overlay {
padding: 1rem; padding: 1rem;
display: flex;
justify-content: space-between;
flex-direction: column;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .2);
display: flex;
flex-direction: column;
justify-content: end;
&.has-message {
justify-content: space-between;
}
} }
.content { .content {