Add a component for a player's hand
This commit is contained in:
parent
a6788232e7
commit
6e51bf7656
1 changed files with 29 additions and 0 deletions
29
web-svelte/src/components/PlayerHand.svelte
Normal file
29
web-svelte/src/components/PlayerHand.svelte
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<script lang="ts">
|
||||
import Card from "./Card.svelte";
|
||||
import { hand } from "../stores";
|
||||
</script>
|
||||
|
||||
|
||||
<div id="hand">
|
||||
{#each $hand as card (card.symbol)}
|
||||
<Card
|
||||
hidden="{false}"
|
||||
{card}
|
||||
/>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
|
||||
<style lang="scss">
|
||||
#hand {
|
||||
background: rgba(0,0,0, 0.6);
|
||||
border-color: white;
|
||||
border-radius: 15px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
justify-content: space-evenly;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue