temp

varianter · Oct 30, 2024 · 3ed62a3 · 3ed62a3
1 parent f6b26ff
commit 3ed62a3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/customerCases/customerCase/CustomerCase.tsx b/src/components/customerCases/customerCase/CustomerCase.tsx
@@ -22,7 +22,7 @@ function CustomerCaseSection({
     case "quoteBlock":
       return (
         section.quote && (
-          <div>
+          <div className={styles.quoteBlock}>
             <Text>{section.quote}</Text>
             {section.author && <Text>- {section.author}</Text>}
           </div>

diff --git a/src/components/customerCases/customerCase/customerCase.module.css b/src/components/customerCases/customerCase/customerCase.module.css
@@ -109,3 +109,13 @@
   flex-direction: column;
   gap: 4.5rem;
 }
+
+.quoteBlock {
+  border: 2px solid #f1c40f; /* Yellow border */
+  border-radius: 8px; /* Rounded corners */
+  padding: 16px; /* Inner padding */
+  background-color: #f9f9f9; /* Light background */
+  color: #333; /* Text color */
+  max-width: 400px; /* Set max-width if desired */
+  font-family: Arial, sans-serif; /* Basic font */
+}