fix alignment

This commit is contained in:
RezHackXYZ 2025-06-11 17:54:02 +05:30
parent fd7502ab97
commit 032c712641
No known key found for this signature in database
GPG key ID: C4C90E569C9669E2
2 changed files with 8 additions and 6 deletions

View file

@ -13,14 +13,16 @@
<button onclick={() => resetDeck()} class="big btn green">Reset Deck</button> <button onclick={() => resetDeck()} class="big btn green">Reset Deck</button>
</div> </div>
{:else} {:else}
<div class="flex flex-1 flex-col items-center justify-center gap-5"> <div class="flex flex-1 flex-col items-center justify-center gap-2">
<div class="flex flex-col gap-1 text-center"><Card /></div> <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"> <div class="flex gap-4">
<Buttons /> <Buttons />
</div> </div>
</div> </div>
<div class="flex items-center justify-between p-2 text-gray-700">
<StatsAndButtons />
</div>
{/if} {/if}
</div> </div>

View file

@ -28,7 +28,7 @@
</div> </div>
<p <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 ☝️ Click to flip the card and see the answer ☝️
</p> </p>