fix(ui): auth pages are not showing properly
This commit is contained in:
parent
ade6578486
commit
8b5144bb1c
3 changed files with 5 additions and 1 deletions
|
@ -45,5 +45,6 @@ document.documentElement.style.overflowY = 'scroll';
|
||||||
.root {
|
.root {
|
||||||
min-height: 100dvh;
|
min-height: 100dvh;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
background: var(--wallpaperOverlay);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main" style="background: var(--wallpaperOverlay)">
|
<div class="main">
|
||||||
<!--
|
<!--
|
||||||
<div v-if="!isRoot" class="header">
|
<div v-if="!isRoot" class="header">
|
||||||
<div v-if="narrow === false" class="wide">
|
<div v-if="narrow === false" class="wide">
|
||||||
|
@ -222,6 +222,7 @@ defineExpose({
|
||||||
> .main {
|
> .main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
background: var(--wallpaperOverlay);
|
||||||
|
|
||||||
> .header {
|
> .header {
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
|
|
|
@ -60,11 +60,13 @@ document.documentElement.style.overflowY = 'scroll';
|
||||||
.root {
|
.root {
|
||||||
min-height: 100dvh;
|
min-height: 100dvh;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
background: var(--wallpaperOverlay);
|
||||||
}
|
}
|
||||||
|
|
||||||
.rootWithBottom {
|
.rootWithBottom {
|
||||||
min-height: calc(100dvh - (60px + (var(--margin) * 2) + env(safe-area-inset-bottom, 0px)));
|
min-height: calc(100dvh - (60px + (var(--margin) * 2) + env(safe-area-inset-bottom, 0px)));
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
background: var(--wallpaperOverlay);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom {
|
.bottom {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue