diff --git a/src/routes/quiz/+page.svelte b/src/routes/quiz/+page.svelte index 25caa7312f77dcdb0b608c2a06533e25d3773cfd..de33acf9cc3e372deb1707fa1f9503794fff40d0 100644 --- a/src/routes/quiz/+page.svelte +++ b/src/routes/quiz/+page.svelte @@ -33,15 +33,15 @@ </script> <form method="post" use:enhance> - <div class="absolute right-0 z-50 space-y-4 p-8"> + <div class="absolute right-0 z-50 space-y-4 p-1 sm:p-8"> <button type="submit" formaction="?/quit" - class="col-span-1 flex h-36 w-36 cursor-not-allowed flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-red-300 text-center shadow transition-[0.45s] enabled:cursor-pointer enabled:bg-slate-100 enabled:hover:translate-y-[-3px] enabled:hover:bg-slate-300 enabled:focus:border-indigo-500 sm:h-20 sm:w-20" + class="col-span-1 flex size-14 cursor-not-allowed flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-red-300 text-center shadow transition-[0.45s] enabled:cursor-pointer enabled:bg-slate-100 enabled:hover:translate-y-[-3px] enabled:hover:bg-slate-300 enabled:focus:border-indigo-500 sm:size-20" > - <div class="flex flex-1 flex-col"> + <div class="flex flex-1 flex-col m-auto"> <img - class="m-auto h-16 flex-shrink-0 sm:h-12 sm:w-12" + class="m-auto size-8 flex-shrink-0 sm:size-12" src={QuitIcon} alt="Quitter" /> @@ -50,11 +50,11 @@ <a href="https://git.iiens.net/Steel/qui-est-ce" target="_blank" - class="col-span-1 flex h-36 w-36 cursor-pointer flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-slate-100 text-center shadow transition-[0.45s] hover:translate-y-[-3px] hover:bg-slate-300 focus:border-indigo-500 sm:h-20 sm:w-20" + class="col-span-1 flex size-14 cursor-pointer flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-slate-100 text-center shadow transition-[0.45s] hover:translate-y-[-3px] hover:bg-slate-300 focus:border-indigo-500 sm:size-20" > - <div class="flex flex-1 flex-col"> + <div class="flex flex-1 flex-col m-auto"> <img - class="m-auto h-16 flex-shrink-0 sm:h-12 sm:w-12" + class="m-auto size-8 flex-shrink-0 sm:size-12" src={GitIcon} alt="Quitter" /> diff --git a/src/routes/quiz/new/+page.svelte b/src/routes/quiz/new/+page.svelte index ed4344f0e18f3bfc0d335216afa4fa99316b1fb8..072de64f5219272aded70ff1142e613ae5bfcaf7 100644 --- a/src/routes/quiz/new/+page.svelte +++ b/src/routes/quiz/new/+page.svelte @@ -37,9 +37,9 @@ disabled={level.disabled} class="col-span-1 flex h-36 w-36 cursor-not-allowed flex-col divide-y divide-gray-200 rounded-2xl border-6 border-solid border-zinc-800 bg-red-300 text-center shadow transition-[0.45s] enabled:cursor-pointer enabled:bg-slate-100 enabled:hover:translate-y-[-3px] enabled:hover:bg-slate-300 enabled:focus:border-indigo-500 sm:h-72 sm:w-72" > - <div class="flex flex-1 flex-col p-2 sm:p-8"> + <div class="mx-auto flex flex-1 flex-col p-2 sm:p-8"> <img - class="mx-auto h-16 flex-shrink-0 sm:h-32 sm:w-32" + class="h-16 flex-shrink-0 sm:h-32 sm:w-32" src={level.image} alt="" />