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

fix: fixed header on desktop PWA with flex-shrink and min-height

Browse Source
This commit is contained in:
Alexej Wolff
2026-02-11 16:22:46 +01:00
parent a0f1d9709b
commit da98a7f6b1
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/GamePage.css
+3 -2
View File
@@ -28,8 +28,7 @@
} }
.game-header { .game-header {
position: sticky; flex-shrink: 0;
top: 0;
z-index: 10; z-index: 10;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -222,6 +221,7 @@
.game-content { .game-content {
flex: 1; flex: 1;
min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
@@ -437,6 +437,7 @@
} }
.input-container { .input-container {
flex-shrink: 0;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
gap: 0.5rem; gap: 0.5rem;