Fix footer position for iOS devices

This commit is contained in:
Bubka 2023-12-01 15:03:57 +01:00
parent 6bd0025306
commit ffde1723d4

View File

@ -27,6 +27,9 @@ a:hover {
color: hsl(204, 86%, 53%); color: hsl(204, 86%, 53%);
} }
#app {
min-height: 100vh;
}
@supports (padding-top: env(safe-area-inset-top)) { @supports (padding-top: env(safe-area-inset-top)) {
#app { #app {
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left); padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left);
@ -917,6 +920,13 @@ footer.main {
position: fixed; position: fixed;
z-index: 30; z-index: 30;
} }
@supports (-webkit-touch-callout: none) {
@media (display-mode: standalone) {
footer.main {
padding-bottom: env(safe-area-inset-bottom);
}
}
}
footer.main .field.is-grouped { footer.main .field.is-grouped {
justify-content: center; justify-content: center;