diff --git a/client/src/index.css b/client/src/index.css index 29f3f5b..330c7a1 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -3,13 +3,22 @@ @tailwind utilities; html { height: 100%; overflow: hidden; background-color: var(--bg-primary); } -body { - position: fixed; - inset: 0; - margin: 0; - overflow: auto; - overscroll-behavior: none; - -webkit-overflow-scrolling: touch; +body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; } + +/* iOS PWA: fill the home indicator safe area with app background */ +@supports (padding-bottom: env(safe-area-inset-bottom)) { + html::after { + content: ''; + position: fixed; + left: 0; + right: 0; + bottom: 0; + height: env(safe-area-inset-bottom, 0px); + background: var(--bg-primary); + transform: translateY(100%); + pointer-events: none; + z-index: 99999; + } } .atlas-tooltip {