espacement et agrandissement categorie

Bacati · Sep 30, 2024 · 92ed3cd · 92ed3cd
1 parent 5969fdd
commit 92ed3cd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/global/TemplateConfig.astro b/src/components/global/TemplateConfig.astro
@@ -32,7 +32,7 @@ import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-astro';
     <div class="p-4 lg:ml-10 lg:w-1/3">
         <p class="font-bold text-4xl">{title}</p>
         <p class="text-gray-400">{enderTitle}</p>
-        <p>{description}</p>
+        <p class="mt-2">{description}</p>
         <div class="flex items-center gap-4 mt-4">
             <p class="text-gray-400">Coût total :</p>
             <p class="font-bold text-4xl">{price}€</p>
@@ -46,7 +46,7 @@ import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-astro';
                 <div class="contents">
                     <div class="bg-slate-200 mt-2 w-full h-1 rounded-3xl"></div>
                     {pieces.map((piece: string, index: number) => (
-                        <p key={index}>{piece}€</p>
+                        <p key={index} class="mt-1">{piece}€</p>
                     ))}
                 </div>
             </details>

diff --git a/src/pages/allDays.astro b/src/pages/allDays.astro
@@ -17,9 +17,9 @@ import { categories } from 'libs/configurations';
       <div class="gradientConfig w-full h-2 rounded-b-3xl"></div>
     </div>
 
-    <div class="bg-white rounded-full relative z-30 items-center h-fit justify-center shadow-lg flex mt-4 py-2 lg:py-0 w-64 lg:w-fit mx-auto flex-col lg:flex-row">
+    <div class="bg-white rounded-full relative z-30 items-center h-fit justify-center shadow-lg flex mt-4 py-2 lg:py-0 w-56 lg:w-fit mx-auto flex-col lg:flex-row">
 		{categories.map(category => (
-		  <a class="pl-4 mx-2 pr-0 text-orange-600 gap-3 flex" href={`#${category.id}`}>
+		  <a class="pl-4 mx-2 pr-0 text-orange-600 gap-3 flex text-lg items-center" href={`#${category.id}`}>
 			<category.icon /> {category.label}
 		  </a>
 		))}