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

Rewrite layout with CSS Grid framework - predictable areas for gameboard, sidebar, and bottom bar

Browse Source
This commit is contained in:
Tim Bendt
2026-04-09 13:20:20 -04:00
parent 977481936c
commit 94c619ce7c
2 changed files with 373 additions and 591 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/main.ts
View File

@@ -1417,13 +1417,14 @@ function attachEvents() {
} }
function render() { function render() {
const playerCount = state.players.length;
app.innerHTML = ` app.innerHTML = `
<main class="layout"> <main class="layout" style="--player-count: ${playerCount}">
<section class="game-area"> <section class="game-area">
${renderBoard()} ${renderBoard()}
${renderSidebar()}
</section> </section>
<footer class="scoreboard scoreboard--bottom"> ${renderSidebar()}
<footer class="scoreboard">
${renderScoreboard()} ${renderScoreboard()}
</footer> </footer>
</main> </main>

957
src/styles.css
View File

File diff suppressed because it is too large Load Diff