Fix size of panel

Vizzuality · Nov 11, 2024 · d27cadf · d27cadf
1 parent b32210e
commit d27cadf
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/energy/section-7/index.tsx b/src/components/energy/section-7/index.tsx
@@ -38,10 +38,10 @@ const SharedImpactTabs = () => {
           </TabsTrigger>
         ))}
       </TabsList>
-      <TabsContent value="tab1" className="pt-6 xl:pt-10 bg-white/5 xl:min-w-[732px] xl:w-[732px] mt-0">
+      <TabsContent value="tab1" className="bg-white/5 xl:min-w-[780px] xl:w-[780px] mt-0">
         <TabContentItem index={0} />
       </TabsContent>
-      <TabsContent value="tab2" className="pt-6 xl:pt-10 bg-white/5 xl:min-w-[732px] xl:w-[732px] mt-0">
+      <TabsContent value="tab2" className="bg-white/5 xl:min-w-[780px] xl:w-[780px] mt-0">
         <TabContentItem index={1} />
       </TabsContent>
     </Tabs>);

diff --git a/src/components/energy/section-7/tab-content-item.tsx b/src/components/energy/section-7/tab-content-item.tsx
@@ -83,7 +83,7 @@ const TabContentItem = ({ index = 0 }: { index: number }) => {
         />
         {isMobile && <Arrows textIndex={textIndex} changeTextIndex={changeTextIndex} isMaxIndex={textIndex === maxIndex} />}
       </div>
-      <div className="text-sm xl:text-base relative flex flex-col justify-between h-full gap-4 leading-[24px] xl:min-h-[470px]">
+      <div className="text-sm xl:text-base relative flex flex-col justify-between h-full gap-4 leading-[24px] xl:min-h-[392px]">
         {content.text}
         <div className="flex items-center justify-center xl:justify-start gap-2 xl:gap-0.5">
           {Array(TAB_CONTENT[index].length).fill(null).map((_, idx) => (