fix tamanho icones

ArthurCarrenho · rafaelrdealmeida · commit fc6418e3a4c9 · 2025-06-12T21:40:05.000-03:00
diff --git a/src/components/BlocoSection.astro b/src/components/BlocoSection.astro
@@ -22,10 +22,9 @@ const { blocos } = Astro.props;
           <TextoComCheck texto={bloco.texto} />
 
           {bloco.departamentos && (
-            <ul class="list-none mt-6 space-y-4 pl-8">
-              {bloco.departamentos.map((item) => (
+            <ul class="list-none mt-6 space-y-4 pl-8">              {bloco.departamentos.map((item) => (
                 <div class="flex items-start gap-2">
-                  <CheckIcon size={24} class="mt-1 flex-shrink-0" />
+                  <CheckIcon size={24} class="mt-1" />
                   <span class="paragrafo">{item}</span>
                 </div>
               ))}
diff --git a/src/components/SectionPadrao.astro b/src/components/SectionPadrao.astro
@@ -14,26 +14,23 @@ const { titulo, texto, imagem, departamentos = null, reverse = false } = Astro.p
           class="rounded-xl w-full max-w-md mx-auto transition duration-300 ease-in-out"
           loading="lazy"
         />
-      </div>
-
-      <div>
+      </div>      <div>
         <h2 class="text-4xl font-extrabold mb-6">{titulo}</h2>
         <TextoComCheck texto={texto} />
 
         {departamentos && (
           <ul class="list-none mt-6 space-y-4 pl-8">
             {departamentos.map((item) => (
               <div class="flex items-start gap-2">
-                <CheckIcon size={24} class="mt-1 flex-shrink-0" />
+                <CheckIcon size={24} class="mt-1" />
                 <span class="paragrafo">{item}</span>
               </div>
             ))}
           </ul>
         )}
       </div>
     </>
-  ) : (
-    <>
+  ) : (    <>
       <div>
         <h2 class="text-4xl font-extrabold mb-6">{titulo}</h2>
         <TextoComCheck texto={texto} />
@@ -42,7 +39,7 @@ const { titulo, texto, imagem, departamentos = null, reverse = false } = Astro.p
           <ul class="list-none mt-6 space-y-4 pl-8">
             {departamentos.map((item) => (
               <div class="flex items-start gap-2">
-                <CheckIcon size={24} class="mt-1 flex-shrink-0" />
+                <CheckIcon size={24} class="mt-1" />
                 <span class="paragrafo">{item}</span>
               </div>
             ))}
diff --git a/src/components/TextoComCheck.astro b/src/components/TextoComCheck.astro
@@ -9,11 +9,11 @@ const { texto } = Astro.props;
 {texto.map((par, idx) => (
   <div class="flex items-start mb-4" key={idx}>
     {par.check ? (
-      <div class="mr-3">
+      <div class="mt-1 mr-3">
         <CheckIcon size={24} color="#22c55e" class="flex-shrink-0" />
       </div>
     ) : (
-      <div class="w-[24px] mr-3"></div>  <!-- reserva o espaço vazio do ícone -->
+      <div class="w-[24px] mr-3 flex-shrink-0"></div>  <!-- reserva o espaço vazio do ícone -->
     )}
     <div
       class="paragrafo text-justify hyphens-auto"
diff --git a/src/icons/CheckIcon.astro b/src/icons/CheckIcon.astro
@@ -1,5 +1,5 @@
 ---
-const { size = 24, color = "#22c55e" } = Astro.props;
+const { size = 24, color = "#22c55e", class: className = "" } = Astro.props;
 ---
 
 <svg
@@ -8,11 +8,8 @@ const { size = 24, color = "#22c55e" } = Astro.props;
   viewBox="0 0 24 24"
   stroke-width="4.0"
   stroke={color}
-  width={size}
-  height={size}
-  class="inline-block mt-2"
-
-  
+  class={`flex-shrink-0 ${className}`}
+  style={`width: ${size}px; height: ${size}px; min-width: ${size}px; min-height: ${size}px;`}
 >
   <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2l4 -4M12 2a10 10 0 110 20 10 10 0 010-20z" />
 </svg>
