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