tim.mccarthy/pirats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide deep's hand

Browse Source
This commit is contained in:
Tim McCarthy
2026-06-14 08:57:08 -07:00
parent 55f4085d7a
commit 3bb4940df7
1 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/components/ScenePhase.svelte
View File

@@ -68,31 +68,29 @@
<div class="private-column"> <div class="private-column">
{#if state.player.role === "deep"} {#if state.player.role === "deep"}
<DeepControlPanel {state} /> <DeepControlPanel {state} />
{/if} {:else}
<!-- Player Hand Card -->
<div class="card glass-panel hand-card">
<h3>🃏 Your Hand</h3>
<p class="section-desc">Keep your cards secret! When the Deep challenges you (or you assist a crewmate), drag a card onto an applied obstacle to play it. Jokers can hit any obstacle, any time.</p>
<!-- Player Hand Card --> <div class="hand-flex">
<div class="card glass-panel hand-card"> {#each hand as card}
<h3>🃏 Your Hand</h3> <Card {card} techs={playerTechs}
<p class="section-desc">Keep your cards secret! {#if state.player.role !== "deep"}When the Deep challenges you (or you assist a crewmate), drag a card onto an applied obstacle to play it. Jokers can hit any obstacle, any time.{/if}</p> draggable={true}
on:dragstart={(e) => {
<div class="hand-flex"> e.dataTransfer.setData('text/plain', card);
{#each hand as card} e.currentTarget.classList.add("dragging");
<Card {card} techs={playerTechs} }}
draggable={state.player.role !== "deep"} on:dragend={(e) => {
on:dragstart={(e) => { e.currentTarget.classList.remove("dragging");
e.dataTransfer.setData('text/plain', card); }} />
e.currentTarget.classList.add("dragging"); {:else}
}} <p class="empty-text text-center">Your hand is empty! (You draw cards when playing cards that match the suit color of the obstacle.)</p>
on:dragend={(e) => { {/each}
e.currentTarget.classList.remove("dragging"); </div>
}} />
{:else}
<p class="empty-text text-center">Your hand is empty! (You draw cards when playing cards that match the suit color of the obstacle.)</p>
{/each}
</div> </div>
</div>
{#if state.player.role !== "deep"}
<CharacterSheet {state} /> <CharacterSheet {state} />
{/if} {/if}
</div> </div>