#17 feat(IGAL-EST): adicionar responsividade do bloco SectionExecutors

병합
joycekepler joycekepler/feature/IGAL-responsividade-bloco-executors 에서 joycekepler/development 로 1 commits 를 머지했습니다 2 일 전
1개의 변경된 파일3개의 추가작업 그리고 3개의 파일을 삭제
  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"