Merge pull request #142 from deriv-com/Jia/hero-block-fix

deriv-com · Nov 9, 2023 · 2d6b0d4 · 2d6b0d4
2 parents bdb021e + fe8bf6f
commit 2d6b0d4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 20 deletions.
diff --git a/libs/blocks/src/lib/hero/content-bottom/index.tsx b/libs/blocks/src/lib/hero/content-bottom/index.tsx
@@ -15,13 +15,7 @@ const ContentBottom = ({
   children,
 }: ContentBottomProps) => {
   return (
-    <Section
-      className={clsx(
-        'py-general-4xl',
-        'bg-background-primary-container',
-        className,
-      )}
-    >
+    <Section className={clsx('py-general-4xl', className)}>
       <FluidContainer
         className={clsx(
           'flex flex-col gap-gap-3xl md:px-general-lg lg:px-general-none',

diff --git a/libs/blocks/src/lib/hero/content-less/index.tsx b/libs/blocks/src/lib/hero/content-less/index.tsx
@@ -15,13 +15,7 @@ const ContentLess = ({
   children,
 }: ContentLessProps) => {
   return (
-    <Section
-      className={clsx(
-        'py-general-4xl',
-        'bg-background-primary-container',
-        className,
-      )}
-    >
+    <Section className={clsx('py-general-4xl', className)}>
       <FluidContainer className="flex flex-col gap-gap-3xl lg:px-general-none">
         <div className="flex flex-col gap-gap-2xl">
           <Heading.H1 className="text-center">{title}</Heading.H1>

diff --git a/libs/blocks/src/lib/hero/content-limit/index.tsx b/libs/blocks/src/lib/hero/content-limit/index.tsx
@@ -24,12 +24,7 @@ const ContentLimit: React.FC<ContentLimitProps> = ({
   children,
 }) => {
   return (
-    <Section
-      className={qtMerge(
-        'relative bg-background-primary-container py-general-4xl',
-        className,
-      )}
-    >
+    <Section className={qtMerge('relative py-general-4xl', className)}>
       <FluidContainer
         className={clsx(
           'lg:flex-row',