fix: put the welcome back title always at the bottom

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

View File

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