public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

fix: center game controls in playground mode

Browse Source 
🤖 Generated with [Claude Code](https://claude.com/claude-code)
This commit is contained in:
Michael Czechowski
2026-01-16 05:05:29 +01:00
parent 4305700421
commit 8caabe1ec9
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app.js
View File

@@ -147,6 +147,7 @@ const elements = {
previewSection: document.querySelector(".preview-section"),
prevBtn: document.getElementById("prev-btn"),
nextBtn: document.getElementById("next-btn"),
gameControls: document.querySelector(".game-controls"),
levelIndicator: document.getElementById("level-indicator"),
headerLevelPill: document.getElementById("header-level-pill"),
@@ -708,9 +709,10 @@ function updateNavigationButtons() {
const engineState = lessonEngine.getCurrentState();
const isPlayground = engineState.lesson?.mode === "playground";
// Hide nav buttons in playground mode
// Hide nav buttons and center controls in playground mode
elements.prevBtn.classList.toggle("hidden", isPlayground);
elements.nextBtn.classList.toggle("hidden", isPlayground);
elements.gameControls?.classList.toggle("centered", isPlayground);
if (!isPlayground) {
elements.prevBtn.disabled = !engineState.canGoPrev;