adam/cards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make cards

Browse source
This commit is contained in:
Adam 2024-08-12 18:36:26 -04:00
parent 032b031d6e
commit dc7b3efd4f
3 changed files with 27 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/public/styles.css
View file

@ -20,6 +20,7 @@ body {
font-style: normal; font-style: normal;
font-stretch: condensed; font-stretch: condensed;
} }
button { button {
@apply bg-neutral-600 @apply bg-neutral-600
border-b-4 border-b-4

2
client/src/components/browser.rs
View file

@ -93,7 +93,7 @@ pub fn Browser() -> impl IntoView {
<button type="button" class="bg-neutral-600" on:click=show_packs_button> <button type="button" class="bg-neutral-600" on:click=show_packs_button>
<label>Custom</label> <label>Custom</label>
</button> </button>
finish this TODO: finish this
</div> </div>
<Show when=move || show_packs()> <Show when=move || show_packs()>
<span class="flex"> <span class="flex">

31
client/src/components/game.rs
View file

@ -28,12 +28,31 @@ pub fn Game() -> impl IntoView {
view! { view! {
<div class="p-1"> <div class="p-1">
<h2 class="text-2xl">Game</h2> <h2 class="text-2xl">Game</h2>
<p>Name: {move || game_name()}</p> <span class="flex">
<p>Host: {move || game_host()}</p> <p class="p-3">Name: {move || game_name()}</p>
<p>Players: {move || game_players()}</p> <p class="p-3">Host: {move || game_host()}</p>
<p>Czar: {move || game_czar()}</p> <p class="p-3">Czar: {move || game_czar()}</p>
<p>Black Card: {move || game_black().0} Pick: {move || game_black().1}</p> <p class="p-3">Players: {move || game_players()}</p>
<p>Your Cards: {move || game_white()}</p> </span>
<div class="relative w-40 h-60 text-white bg-black rounded-lg">
<p class="p-4">{move || game_black().0}</p>
<p class="absolute right-4 bottom-4">Pick: {move || game_black().1}</p>
</div>
<div class="inline-flex flex-wrap">
{move || {
game_white()
.iter()
.map(|card| {
view! {
<div class="relative m-2 w-40 h-60 text-black bg-white rounded-lg">
<p class="p-4">{card}</p>
</div>
}
})
.collect_view()
}}
</div>
</div> </div>
} }
} }