jozamudi/battle-royal-tetris
1
0
Fork 0
Code Issues Pull Requests Activity

Keep piece previews visible on mobile

Browse Source 
- Remove display: none from next/hold previews
- Scale down preview canvases to 50x50px on mobile
- Reduce gap and padding for tighter layout
This commit is contained in:
Josue Zamudio
2026-03-20 09:53:19 -07:00
parent 4d5c95b161
commit 37b4170552
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/style.css
+9 -2
View File
@@ -521,14 +521,21 @@ button:active {
margin-bottom: -60px; /* Compensate for scale to prevent overflow */ margin-bottom: -60px; /* Compensate for scale to prevent overflow */
} }
/* Option 4: Reduce board info height and hide previews on mobile */ /* Option 4: Reduce board info height on mobile */
.player-board .board-info { .player-board .board-info {
padding: 5px 2px; padding: 5px 2px;
font-size: 0.45rem; font-size: 0.45rem;
} }
.player-board .board-info:has(canvas) { .player-board .board-info:has(canvas) {
display: none; /* Hide next/hold previews on mobile to save space */ gap: 10px;
padding: 4px 2px;
}
/* Scale down next/hold preview canvases on mobile */
.player-board .board-info canvas {
width: 50px !important;
height: 50px !important;
} }
.player-board.spectator { .player-board.spectator {