diff --git a/web/src/App.scss b/web/src/App.scss index 1c786bc..5deee88 100644 --- a/web/src/App.scss +++ b/web/src/App.scss @@ -53,9 +53,7 @@ body { overflow: hidden; position: fixed; - left: 0; - right: 0; - bottom: 0; + inset: 0; height: 100%; touch-action: none; } diff --git a/web/src/index.tsx b/web/src/index.tsx index 36daa00..d45baf2 100644 --- a/web/src/index.tsx +++ b/web/src/index.tsx @@ -22,7 +22,7 @@ document.addEventListener( 'touchmove', (event: any) => { event = event.originalEvent || event; - if (event.scale !== 1) { + if (typeof event.scale !== 'undefined' && event.scale !== 1) { event.preventDefault(); } }, diff --git a/web/src/screens/Home.module.scss b/web/src/screens/Home.module.scss index ad67d6a..93a9866 100644 --- a/web/src/screens/Home.module.scss +++ b/web/src/screens/Home.module.scss @@ -1,5 +1,7 @@ .home { - margin: 15px; + margin-block-start: 15px; + padding: 15px; + padding-block-start: 0; overflow: auto; } @@ -7,7 +9,7 @@ margin: 15px; div > div { - margin-top: 1rem; + margin-block-start: 1rem; } span {