feat(docs-site) cloud page spacing and content polishes (datahub-proj…

…ect#11141)
treff7es · Aug 9, 2024 · 3f4b8ea · 3f4b8ea
1 parent b1f16f9
commit 3f4b8ea
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss b/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss
@@ -21,6 +21,7 @@
 .scrollingCustomers {
   position: relative;
   overflow: hidden;
+  opacity: 0.5;
 }
 
 
@@ -29,7 +30,7 @@
   padding: 1.25rem 0;
   position: relative;
   align-items: center;
-  animation: scrollingCustomerAnimate 15s linear infinite;
+  animation: scrollingCustomerAnimate 60s linear infinite;
 }
 
 .scrollingCustomers__inner img {
@@ -46,7 +47,7 @@
 
 .animateScrollingCustomers {
   display: flex;
-  animation: scrollingCustomerAnimate 15s linear infinite;
+  animation: scrollingCustomerAnimate 60s linear infinite;
 }
 
 @media (max-width: 767px) {

diff --git a/docs-website/src/pages/cloud/index.js b/docs-website/src/pages/cloud/index.js
@@ -51,7 +51,7 @@ function Home() {
         </div>
       </header>
       <ScrollingCustomers />
-      <div className={clsx(styles.bgSection)}>
+      <div className={clsx(styles.bgSection)} style={{ marginTop: 100 }}>
         <UnifiedTabs />
       </div>
       <FeatureCards/>
@@ -73,12 +73,13 @@ function Home() {
               <Link className={clsx(styles.buttonLightBlue, "button button--secondary button--lg")} to="https://www.acryldata.io/tour">
                 Product Tour
               </Link>
-              <hr style={{margin: "3rem"}}/>
+              <div className="hero__subtitle" />
+              {/* <hr style={{margin: "3rem"}}/>
               <div className="hero__subtitle">
                 An extension of the DataHub Core project.<br/>
                 <a className={clsx(styles.link)} href="/docs/managed-datahub/managed-datahub-overview">View Cloud Docs.
                 </a>
-              </div>
+              </div> */}
             </div>
           </div>
         </div>

diff --git a/docs-website/src/pages/cloud/styles.module.scss b/docs-website/src/pages/cloud/styles.module.scss
@@ -10,6 +10,7 @@
   }
 
 .hero {
+    margin-top: 80px;
     :global {
       .button {
         margin-right: 1rem;