[web-client] simple theme: dynamic vertical height
On mobile devices with browser chrome (UI) that recedes on scroll, 'vh' includes the height covered by chrome, which 'dvh' does not. By using 'dvh' the footer is immediately visible on the homepage without scrollbar on mobile devices.
This commit is contained in:
parent
f7ef4396b1
commit
83d7cd3baa
@ -80,6 +80,12 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@supports (height: 100dvh) {
|
||||||
|
body {
|
||||||
|
height: 100dvh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user