RezHackXYZ/classroomstuff
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make it look slightly better

Browse source
This commit is contained in:
RezHackXYZ 2025-06-10 13:15:05 +05:30
parent c9ea9c9922
commit 8ba9640398
No known key found for this signature in database
GPG key ID: C4C90E569C9669E2
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/routes/flashcards/card.svelte
View file

@ -9,17 +9,17 @@
on:click={() => (statusOfCard.flipped = !statusOfCard.flipped)} on:click={() => (statusOfCard.flipped = !statusOfCard.flipped)}
> >
<div <div
class={`relative h-full w-full transition-transform duration-500 [transform-style:preserve-3d] ${statusOfCard.flipped ? "rotate-y-180" : ""} ${statusOfCard.exiting ? (statusOfCard.exitingToRight? "card-exit-right" : "card-exit-left") : ""} ${statusOfCard.entering ? "card-enter" : ""} `} class={`relative h-full w-full transition-transform duration-500 transform-3d ${statusOfCard.flipped ? "rotate-y-180" : ""} ${statusOfCard.exiting ? (statusOfCard.exitingToRight ? "card-exit-right" : "card-exit-left") : ""} ${statusOfCard.entering ? "card-enter" : ""} `}
> >
<div <div
class="absolute flex h-full w-full flex-col items-center justify-center gap-5 rounded border-2 bg-blue-800 text-5xl text-white [backface-visibility:hidden]" class="absolute flex h-full w-full flex-col items-center justify-center gap-5 rounded border-2 bg-blue-800 p-4 text-5xl text-white [backface-visibility:hidden]"
> >
<span class="text-3xl text-blue-600">Question</span> <span class="text-3xl text-blue-600">Question</span>
{card.Q} {card.Q}
</div> </div>
<div <div
class="absolute flex h-full w-full rotate-y-180 flex-col items-center justify-center gap-5 rounded border-2 bg-green-800 text-5xl text-white [backface-visibility:hidden]" class="absolute flex h-full w-full rotate-y-180 flex-col items-center justify-center gap-5 rounded border-2 bg-green-800 p-4 text-5xl text-white [backface-visibility:hidden]"
> >
<span class="text-3xl text-green-600">Answer</span> <span class="text-3xl text-green-600">Answer</span>
{card.a} {card.a}