Use dynamic height (100-dvh) for better mobile support on mobile

This commit is contained in:
Matthias 2024-01-16 19:34:46 +01:00
parent 213da330c2
commit 95df3b3022
2 changed files with 7 additions and 1 deletions

View File

@ -1,5 +1,5 @@
<template>
<div id="app" class="d-flex flex-column vh-100" :style="colorStore.cssVars">
<div id="app" class="d-flex flex-column dvh-100" :style="colorStore.cssVars">
<NavBar />
<BToaster></BToaster>
<BodyLayout class="flex-fill overflow-auto" />

View File

@ -11,6 +11,12 @@
min-width: 0px;
}
.dvh-100 {
// Set height to 100vh
height: 100vh;
height: 100dvh;
}
.logo-svg {
background-color: #000000;