diff --git a/index.html b/index.html index 07150b0..ca815f1 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ ReSekai diff --git a/src/pages/GamePage.css b/src/pages/GamePage.css index 45ea9e6..c9ae5e3 100644 --- a/src/pages/GamePage.css +++ b/src/pages/GamePage.css @@ -5,6 +5,12 @@ flex-direction: column; background: #000; padding-top: env(safe-area-inset-top); + overflow: hidden; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; } .game-error { @@ -17,6 +23,9 @@ } .game-header { + position: sticky; + top: 0; + z-index: 10; display: flex; align-items: center; gap: 0.75rem; @@ -216,9 +225,12 @@ .messages-container { flex: 1; overflow-y: auto; + overscroll-behavior: contain; + -webkit-overflow-scrolling: touch; padding: 1rem; padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); + padding-bottom: 1rem; display: flex; flex-direction: column; gap: 0.75rem;