jyapayne/justbean
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Min cell size

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2025-04-17 18:47:55 -06:00
commit 521fa17d7e
No known key found for this signature in database
GPG key ID: 6BFE655FA5ABD1E1
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
beango/js/beango.js
View file

@ -482,12 +482,12 @@ function equalizeCellSizes() {
*/
// Set grid column width and auto row height based on max dimension
board.style.gridTemplateColumns = `repeat(${size}, ${maxDimension}px)`;
board.style.gridAutoRows = `${maxDimension}px`;
board.style.gridTemplateColumns = `repeat(${size}, ${Math.max(maxDimension, 120)}px)`;
board.style.gridAutoRows = `${Math.max(maxDimension, 120)}px`; // Ensure minimum height
// Calculate total board width needed (including gaps AND container padding)
const containerPadding = 32; // Based on p-4 class (1rem = 16px, left + right = 32px)
const totalWidth = (maxDimension * size) + (gap * (size - 1)) + containerPadding;
const totalWidth = (Math.max(maxDimension, 120) * size) + (gap * (size - 1)) + containerPadding;
// Update container max-width
const boardContainer = document.getElementById('bingo-board-container');