Forráskód Böngészése

✨ feat(IGAL-EST): adicionar responsividade na sectionExecuters

Ester Carvalho 2 napja
szülő
commit
3990a1ae7e
1 módosított fájl, 3 hozzáadás és 3 törlés
  1. 3 3
      app/components/SectionExecutors.vue

+ 3 - 3
app/components/SectionExecutors.vue

@@ -8,8 +8,8 @@
       <div
         v-for="(executor, index) in executores"
         :key="index"
-        class="flex gap-12 items-center"
-        :class="index % 2 === 1 ? 'flex-row-reverse' : 'flex-row'"
+        class="flex flex-col lg:flex-row gap-12 items-center"
+        :class="index % 2 === 1 ? 'lg:flex-row-reverse' : 'lg:flex-row'"
       >
         <div class="flex-1 flex flex-col gap-5">
           <span class="self-start text-[10px] font-semibold text-[#F6FFE9] bg-[#8AAB10] border border-[#8DC63F] rounded-full py-2 px-4 uppercase tracking-wide">
@@ -23,7 +23,7 @@
           </p>
         </div>
 
-        <div class="shrink-0 w-[496px] h-[620px] overflow-hidden">
+        <div class="shrink-0  w-full md:w-full lg:w-[496px] h-[420px] md:h-[520px] lg:h-[620px] overflow-hidden flex justify-center items-center">
           <NuxtImg
             :src="executor.image"
             :alt="executor.name"