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>
|
<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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue