sirtimbly/canopy-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: ensure board cells stay square so circles don't become ovals

Browse Source
This commit is contained in:
Tim Bendt
2026-04-09 17:45:09 -04:00
parent 1cc85397bd
commit e11264168c
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/styles.css
View File

@@ -91,14 +91,14 @@ html, body {
/* Board - fits within shell */
.board {
position: relative;
width: 100%;
height: 100%;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
aspect-ratio: var(--board-columns) / var(--board-rows);
display: grid;
grid-template-columns: repeat(var(--board-columns), 1fr);
grid-template-rows: repeat(var(--board-rows), 1fr);
grid-template-columns: repeat(var(--board-columns), minmax(0, 1fr));
grid-template-rows: repeat(var(--board-rows), minmax(0, 1fr));
gap: clamp(2px, 0.3cqmin, 4px);
margin: 0 auto;
}
@@ -174,6 +174,7 @@ html, body {
overflow: hidden;
min-width: 0;
min-height: 0;
aspect-ratio: 1 / 1;
}
.cell__shade {