draug/ReSekai
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fixed header, disable zoom, prevent overscroll bounce

Browse Source
This commit is contained in:
Alexej Wolff
2026-02-11 16:13:44 +01:00
parent f6e2ef5dcb
commit 0383a568fe
2 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta <meta
name="viewport" name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
/> />
<title>ReSekai</title> <title>ReSekai</title>
src/pages/GamePage.css
+12
View File
@@ -5,6 +5,12 @@
flex-direction: column; flex-direction: column;
background: #000; background: #000;
padding-top: env(safe-area-inset-top); padding-top: env(safe-area-inset-top);
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
} }
.game-error { .game-error {
@@ -17,6 +23,9 @@
} }
.game-header { .game-header {
position: sticky;
top: 0;
z-index: 10;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.75rem; gap: 0.75rem;
@@ -216,9 +225,12 @@
.messages-container { .messages-container {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding: 1rem; padding: 1rem;
padding-left: max(1rem, env(safe-area-inset-left)); padding-left: max(1rem, env(safe-area-inset-left));
padding-right: max(1rem, env(safe-area-inset-right)); padding-right: max(1rem, env(safe-area-inset-right));
padding-bottom: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.75rem; gap: 0.75rem;