fix alignment
This commit is contained in:
parent
fd7502ab97
commit
032c712641
2 changed files with 8 additions and 6 deletions
|
@ -13,14 +13,16 @@
|
|||
<button onclick={() => resetDeck()} class="big btn green">Reset Deck</button>
|
||||
</div>
|
||||
{:else}
|
||||
<div class="flex flex-1 flex-col items-center justify-center gap-5">
|
||||
<div class="flex flex-col gap-1 text-center"><Card /></div>
|
||||
<div class="flex flex-1 flex-col items-center justify-center gap-2">
|
||||
<div class="flex flex-col gap-1 text-center">
|
||||
<div class="flex items-center justify-center p-2">
|
||||
<StatsAndButtons />
|
||||
</div>
|
||||
<Card />
|
||||
</div>
|
||||
<div class="flex gap-4">
|
||||
<Buttons />
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between p-2 text-gray-700">
|
||||
<StatsAndButtons />
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
|
||||
<p
|
||||
class="invisible mt-4 text-center text-gray-500 opacity-0 transition peer-hover:visible peer-hover:opacity-100"
|
||||
class="invisible mt-2 text-center text-gray-500 opacity-0 transition peer-hover:visible peer-hover:opacity-100"
|
||||
>
|
||||
Click to flip the card and see the answer ☝️
|
||||
</p>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue