fix padding when no author

varianter · Oct 30, 2024 · ebcc19b · ebcc19b
1 parent c14ad0b
commit ebcc19b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/customerCases/customerCase/CustomerCase.tsx b/src/components/customerCases/customerCase/CustomerCase.tsx
@@ -23,7 +23,9 @@ function CustomerCaseSection({
       return (
         section.quote && (
           <div className={styles.quoteBlock}>
-            <div className={styles.quoteBlockInner}>
+            <div
+              className={`${styles.quoteBlockInner} ${section.author ? styles.withAuthor : styles.withoutAuthor}`}
+            >
               <Text type="quoteNormal">
                 {"“"}
                 {section.quote}

diff --git a/src/components/customerCases/customerCase/customerCase.module.css b/src/components/customerCases/customerCase/customerCase.module.css
@@ -124,8 +124,15 @@
   flex-direction: column;
   background-color: var(--primary-bg);
   border-radius: 2rem;
-  padding: 4.5rem 0.5rem 3.5rem 0.5rem;
   gap: 1.25rem;
   width: 100%;
   align-items: center;
 }
+
+.withAuthor {
+  padding: 4.5rem 0.5rem 3.5rem 0.5rem;
+}
+
+.withoutAuthor {
+  padding: 4.5rem 0.5rem;
+}