Add a component for a player's hand

This commit is contained in:
Oliver Akins 2022-07-25 21:37:31 -06:00
parent a6788232e7
commit 6e51bf7656
No known key found for this signature in database
GPG key ID: 3C2014AF9457AF99

View 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>