eric/game-kit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

A note under each table option while it is chosen, and the rules page offers the way back to the game it was opened from

Browse Source 
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG
This commit is contained in:
Eric Wagoner
2026-09-23 18:48:57 -04:00
co-authored by Claude Fable 5.1
parent 7aa05536c2
commit de430c3794
4 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
template/src/lib/components/Hall.svelte
+15 -6
View File
@@ -168,12 +168,16 @@
{#if game.options?.length}
<div class="options">
{#each game.options as o (o.key)}
<label class="option">
<span>{o.label}</span>
<select bind:value={options[o.key]}>
{#each o.choices as c (c.value)}<option value={c.value}>{c.label}</option>{/each}
</select>
</label>
{@const chosen = o.choices.find((c) => c.value === options[o.key])}
<div class="option-block">
<label class="option">
<span>{o.label}</span>
<select bind:value={options[o.key]}>
{#each o.choices as c (c.value)}<option value={c.value}>{c.label}</option>{/each}
</select>
</label>
{#if chosen?.note}<p class="option-note muted small">{chosen.note}</p>{/if}
</div>
{/each}
</div>
{/if}
@@ -601,6 +605,11 @@
gap: 0.5rem;
font-size: 0.9rem;
}
.option-note {
margin: 0.2rem 0 0;
max-width: 22em;
}
.tally {
display: grid;
grid-template-columns: max-content 1fr;