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