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

Fix: increase player card padding and ensure cell nodes stay circular

Browse Source
This commit is contained in:
Tim Bendt
2026-04-09 14:56:18 -04:00
parent ad055d3ae4
commit f866ce02cb
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/styles.css
View File

@@ -126,7 +126,7 @@ html, body {
.score-card { .score-card {
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1rem; border-radius: 1rem;
padding: 0.75rem 1rem; padding: 1rem 1.25rem;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)); background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
display: flex; display: flex;
@@ -197,13 +197,12 @@ html, body {
} }
.cell__node { .cell__node {
width: min(40%, 1.4rem); width: clamp(8px, 35%, 1.2rem);
height: min(40%, 1.4rem); height: clamp(8px, 35%, 1.2rem);
min-width: 8px;
min-height: 8px;
border-radius: 50%; border-radius: 50%;
background: var(--node-color); background: var(--node-color);
box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.06), 0 0 1rem var(--node-glow); box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.06), 0 0 1rem var(--node-glow);
aspect-ratio: 1 / 1;
} }
.cell.selected { .cell.selected {