ryan/games
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

fix: responsive C4 board on mobile and preserve chat input during morph
All checks were successful
Deploy c4 / deploy (push) Successful in 42s
Details

Browse Source 
Shrink board cells to 36px with tighter gaps on <768px screens so the
board fits on 375px phones. Add DataIgnoreMorph to the C4 chat input
so typing isn't disrupted when new messages arrive.
This commit is contained in:
Ryan Hamamura
2026-02-13 12:26:24 -10:00
parent 3593197271
commit c541ba56d4
3 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
assets/css/input.css
View File

@@ -166,6 +166,9 @@
.c4-game-area { flex-direction: column; align-items: center; }
.c4-game-area .c4-chat { width: 100%; max-width: 480px; }
.c4-chat-history { height: 150px; }
.board { gap: 4px; padding: 8px; }
.column { gap: 4px; padding: 2px; }
.cell { width: 36px; height: 36px; }
}
/* C4 chat */