feat: hide Upload button on play page, use btn-danger for Stop
Build & Deploy / build-and-deploy (push) Successful in 49s

- Header accepts hideUpload prop, hides the + Upload button when true
- App.svelte passes hideUpload={route === '/play'} to Header
- Play.svelte Stop button now uses global btn-danger class (red, matching
  the Delete button style) instead of custom stop-btn styles
This commit is contained in:
2026-06-14 13:11:05 +02:00
committed by Hermes Agent
parent 3a81e75d2a
commit 27f1c86135
3 changed files with 6 additions and 12 deletions
+1 -1
View File
@@ -43,7 +43,7 @@
}); });
</script> </script>
<Header onUploadClick={() => uploadTriggered++} /> <Header onUploadClick={() => uploadTriggered++} hideUpload={route === "/play"} />
<main class="container"> <main class="container">
{#if route === "/"} {#if route === "/"}
+4 -2
View File
@@ -1,5 +1,5 @@
<script> <script>
let { onUploadClick = () => {} } = $props(); let { onUploadClick = () => {}, hideUpload = false } = $props();
</script> </script>
<header class="header"> <header class="header">
@@ -17,7 +17,9 @@
<span class="logo-text">DOSTALGIA</span> <span class="logo-text">DOSTALGIA</span>
</a> </a>
<nav> <nav>
<button class="btn" onclick={onUploadClick}>+ Upload</button> {#if !hideUpload}
<button class="btn" onclick={onUploadClick}>+ Upload</button>
{/if}
</nav> </nav>
</div> </div>
</header> </header>
+1 -9
View File
@@ -134,7 +134,7 @@
{isSetup ? "Back" : game.title} {isSetup ? "Back" : game.title}
</button> </button>
{#if running} {#if running}
<button class="btn stop-btn" onclick={stopEmulator}> Stop</button> <button class="btn btn-danger" onclick={stopEmulator}> Stop</button>
{/if} {/if}
{/if} {/if}
</div> </div>
@@ -211,14 +211,6 @@
font-family: var(--font-sans); font-family: var(--font-sans);
} }
.link-button:hover { color: var(--phosphor); } .link-button:hover { color: var(--phosphor); }
.stop-btn {
border-color: #cc3333;
color: #ff4444;
}
.stop-btn:hover {
background: #331111;
box-shadow: 0 0 12px #331111;
}
/* Emulator canvas — always mounted */ /* Emulator canvas — always mounted */
.dos-container { .dos-container {