[O] Hide things irrelevant for edit mode

This commit is contained in:
2024-12-17 00:04:21 -05:00
parent 004cb3c2d7
commit b0230db362
+7 -4
View File
@@ -265,7 +265,7 @@
<div class="status" class:error={!complete}>{statusMsg}</div> <div class="status" class:error={!complete}>{statusMsg}</div>
{/if} {/if}
<div class="timer">{Fmt.duration(elapsed)}</div> {#if !editMode}<div class="timer">{Fmt.duration(elapsed)}</div>{/if}
<div class="puzzle-grid" style={`height: ${rows * cfg.totalW}px; width: ${cols * cfg.totalW}px;`} <div class="puzzle-grid" style={`height: ${rows * cfg.totalW}px; width: ${cols * cfg.totalW}px;`}
on:click={clickDiv} on:contextmenu={clickDiv} on:keypress={console.log} role="grid" tabindex="0" on:click={clickDiv} on:contextmenu={clickDiv} on:keypress={console.log} role="grid" tabindex="0"
on:mousedown={startDrag} on:mousemove={e => dragging && clickDiv(e)} on:mouseup={() => dragging = false} on:mousedown={startDrag} on:mousemove={e => dragging && clickDiv(e)} on:mouseup={() => dragging = false}
@@ -317,9 +317,12 @@
<button on:click={() => mode = modes[(modes.indexOf(mode) + 1) % modes.length]}>Mode: {mode}</button> <button on:click={() => mode = modes[(modes.indexOf(mode) + 1) % modes.length]}>Mode: {mode}</button>
</div> </div>
<div class="btn-div"> <!-- Check solution -->
<button on:click={() => console.log(statusMsg = checkSolution())}>Check Solution</button> {#if !editMode}
</div> <div class="btn-div">
<button on:click={() => console.log(statusMsg = checkSolution())}>Check Solution</button>
</div>
{/if}
<!-- Edit Colors (input for now, maybe a color picker later) --> <!-- Edit Colors (input for now, maybe a color picker later) -->
{#if mode === 'color'} {#if mode === 'color'}