diff --git a/app/src/css/game.css b/app/src/css/game.css index 017516b..014eb07 100644 --- a/app/src/css/game.css +++ b/app/src/css/game.css @@ -1,3 +1,7 @@ +main.game { + display: none; +} + canvas { display: block; } diff --git a/app/src/js/game.ts b/app/src/js/game.ts index a4f6550..05d1968 100644 --- a/app/src/js/game.ts +++ b/app/src/js/game.ts @@ -64,6 +64,7 @@ function createCanvas(): HTMLCanvasElement { canvas.tabIndex = 0 const main = document.querySelector("main") + main?.classList.add("game") main?.parentNode?.insertBefore(canvas, main) return canvas @@ -143,6 +144,9 @@ function endGame() { if (oldMode === "tall") browserCommands.mode?.() + const main = document.querySelector("main") + main?.classList.remove("game") + canvas.classList.remove("active") canvas.style.height = HEIGHT / 2 + "px" canvas.style.width = WIDTH / 2 + "px"