feat: hide Upload button on play page, use btn-danger for Stop
Build & Deploy / build-and-deploy (push) Successful in 49s
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:
@@ -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 === "/"}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user