[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
85bdff6b0a
@ -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