fix: add hr for integration title

datahub-project · Oct 8, 2024 · 64d2cf8 · 64d2cf8
1 parent c1abaec
commit 64d2cf8
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/docs-website/src/pages/solutions/_components/Integrations/index.js b/docs-website/src/pages/solutions/_components/Integrations/index.js
@@ -28,7 +28,7 @@ const Integrations = () => {
   return (
     <div className={styles.container}>
       <div className={styles.section_header}>
-          Integrates with your data stack
+          <span>Integrates with your data stack</span>
       </div>
       <div className={styles.community_section}>
             <div className={styles.carouselContainer}>

diff --git a/docs-website/src/pages/solutions/_components/Integrations/integrations.module.scss b/docs-website/src/pages/solutions/_components/Integrations/integrations.module.scss
@@ -11,6 +11,30 @@
     font-weight: 500;
     line-height: normal;
     letter-spacing: 0.24px;
+
+    margin-bottom: 2rem;
+    position: relative;
+    padding: 0 2rem;
+    display: block;
+    width: 100%;
+
+    &:before, &:after {
+      content: " ";
+      height: 2px;
+      width: calc((100vw - 640px)/2);
+      background: #D9DBE4;
+      display: block;
+      position: absolute;
+      top: 50%;
+    }
+
+    &:before {
+      left: 8rem;
+    }
+
+    &:after {
+      right: 8rem;
+    }
   }
 }
 

diff --git a/docs-website/src/pages/solutions/_components/QuickstartContent/quickstartcontent.module.scss b/docs-website/src/pages/solutions/_components/QuickstartContent/quickstartcontent.module.scss
@@ -75,7 +75,7 @@
 .quickstart {
   width: 80vw;
   min-height: 100vh;
-  margin: 12rem auto;
+  margin: 5rem auto;
   display: flex;
   flex-direction: column;