refactor(herosidelayoiut): extract to name

isomerpages · Sep 13, 2023 · bfe6485 · bfe6485
1 parent a5a18cd
commit bfe6485
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/templates/homepage/HeroSection/HeroSideLayout.tsx b/src/templates/homepage/HeroSection/HeroSideLayout.tsx
@@ -4,6 +4,8 @@ import { getClassNames } from "templates/utils/stylingUtils"
 
 import { SectionBackgroundColor, SectionSize } from "types/hero"
 
+const TRANSLUCENT_GRAY = "#00000080"
+
 interface HeroInfoboxProps {
   title: string
   subtitle?: string
@@ -70,8 +72,8 @@ const HeroInfoboxDesktop = ({
       className={getClassNames(editorStyles, ["p16", "is-hidden-mobile"])}
       style={{
         width: size,
-        backgroundColor: backgroundColor === "white" ? "white" : "black",
-        opacity: backgroundColor === "gray" ? "50%" : "100%",
+        background:
+          backgroundColor === "gray" ? TRANSLUCENT_GRAY : backgroundColor,
       }}
     >
       <HeroInfobox {...rest} />