minie4/HexDeck
1
0
Fork 0
mirror of https://github.com/HexCardGames/HexDeck.git synced 2025-09-03 18:48:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): use correct flex direction for displaying multiple opponents

Browse Source
This commit is contained in:
minie4
2025-03-27 22:29:36 +01:00
parent 5e8890d823
commit 3539cb6922
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/views/Game/Main.svelte
View File

@ -25,9 +25,9 @@
{/snippet}
<div class="game relative grid h-full grid-rows-[1fr_2fr_1fr]">
<div class="top">{@render OpponentCards($opponents.slice(0, perSide), 0)}</div>
<div class="top flex justify-center items-center flex-row gap-20">{@render OpponentCards($opponents.slice(0, perSide), 0)}</div>
<div class="middle grid grid-cols-[1fr_300px_1fr]">
<div class="left flex justify-center items-center">
<div class="left flex justify-center items-center flex-col gap-20">
{@render OpponentCards($opponents.slice(perSide, perSide * 2), -90)}
</div>
<div class="center grid grid-cols-2">
@ -57,7 +57,7 @@
/>
</div>
</div>
<div class="right flex justify-center items-center">
<div class="right flex justify-center items-center flex-col gap-20">
{@render OpponentCards($opponents.slice(perSide * 2, perSide * 3), 90)}
</div>
</div>