From 3b00f3bba1040baade73846902ca1dcfd15c3c7c Mon Sep 17 00:00:00 2001
From: steel <mael.acier@ensiie.fr>
Date: Mon, 9 Sep 2024 15:37:15 +0200
Subject: [PATCH] fix: edge img center
---
src/routes/quiz/+page.svelte | 14 +++++++-------
src/routes/quiz/new/+page.svelte | 4 ++--
2 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/routes/quiz/+page.svelte b/src/routes/quiz/+page.svelte
index 25caa73..de33acf 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 ed4344f..072de64 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=""
/>
--
GitLab