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">
{#if state.player.role === "deep"}
<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="card glass-panel hand-card">
<h3>🃏 Your Hand</h3>
<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>
<div class="hand-flex">
{#each hand as card}
<Card {card} techs={playerTechs}
draggable={state.player.role !== "deep"}
on:dragstart={(e) => {
e.dataTransfer.setData('text/plain', card);
e.currentTarget.classList.add("dragging");
}}
on:dragend={(e) => {
e.currentTarget.classList.remove("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>
{/each}
<div class="hand-flex">
{#each hand as card}
<Card {card} techs={playerTechs}
draggable={true}
on:dragstart={(e) => {
e.dataTransfer.setData('text/plain', card);
e.currentTarget.classList.add("dragging");
}}
on:dragend={(e) => {
e.currentTarget.classList.remove("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>
{/each}
</div>
</div>
</div>
{#if state.player.role !== "deep"}
<CharacterSheet {state} />
{/if}
</div>