fix: update home hero block

deriv-com · Feb 22, 2024 · 91b5903 · 91b5903
1 parent 3fa57b4
commit 91b5903
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/libs/blocks/src/lib/hero/home-hero/index.tsx b/libs/blocks/src/lib/hero/home-hero/index.tsx
@@ -9,6 +9,7 @@ const HomeHero = ({
   ctaButton: CTAButton,
   awards: Awards,
   heroImage: HeroImage,
+  heroImageClass,
 }: HomeHeroProps) => {
   return (
     <Section
@@ -29,17 +30,17 @@ const HomeHero = ({
               {description}
             </Text>
           )}
-          <div className="flex pt-general-2xl max-sm:justify-center">
+          <div className="flex pt-general-2xl max-sm:justify-center max-sm:pb-general-2xl">
             {CTAButton}
           </div>
         </div>
         {Awards && (
-          <div className="bottom-50 z-10 flex pb-general-xl max-sm:py-general-2xl sm:absolute">
-            {Awards}
+          <div className="bottom-50 z-20 flex pb-general-xl max-sm:justify-center max-sm:pb-general-2xl sm:absolute">
+            <div className="flex gap-gap-xl">{Awards}</div>
           </div>
         )}
       </FluidContainer>
-      {HeroImage && HeroImage}
+      {HeroImage && <div className={heroImageClass}>{HeroImage}</div>}
       <div className="absolute inset-50 z-10 bg-gradient-hero-mobile sm:-z-10 sm:bg-gradient-hero"></div>
     </Section>
   );

diff --git a/libs/blocks/src/lib/hero/index.tsx b/libs/blocks/src/lib/hero/index.tsx
@@ -22,6 +22,7 @@ export interface HomeHeroProps {
   awards?: ReactNode;
   backgroundImage: ReactNode;
   heroImage?: ReactNode;
+  heroImageClass?: string;
 }
 
 export type HeroVariants = {