fix: fix broken global style (datahub-project#11470)

sagar-salvi-apptware · Sep 25, 2024 · cf1d296 · cf1d296
1 parent 934d3d6
commit cf1d296
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 22 deletions.
diff --git a/...champions/_components/ChampionQualityCardsSection/championqualitycardssection.module.scss b/...champions/_components/ChampionQualityCardsSection/championqualitycardssection.module.scss
@@ -1,3 +1,9 @@
+.subtitle {
+    font-size: 1.7rem;
+    font-weight: 500;
+    margin: 1.5rem 0;
+}
+
 .section {
     margin: 2rem 3rem 3rem 3rem;
 }

diff --git a/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/index.js b/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/index.js
@@ -6,7 +6,7 @@ import { CodeTwoTone, HeartTwoTone, SoundTwoTone } from "@ant-design/icons";
 const ChampionQualityCardsSection = () => {
   return (
     <div>
-    <h2>Our Champions...</h2>
+    <div class={clsx(styles.subtitle)}>Our Champions...</div>
     <div class={clsx("row section", styles.section)}>
       <div class={clsx("card col col-4", styles.card)}>
         <div class="card-body">

diff --git a/docs-website/src/pages/champions/index.js b/docs-website/src/pages/champions/index.js
@@ -372,7 +372,7 @@ function Champion() {
           <div className="hero__content">
             <div>
               <HeroImage /> 
-              <h1>DataHub Champions</h1>
+              <div className="hero__title">DataHub Champions</div>
               <p className="hero__subtitle">
                 Recognizing community members who have made exceptional contributions to further the collective success of DataHub.              
               </p>

diff --git a/docs-website/src/styles/global.scss b/docs-website/src/styles/global.scss
@@ -262,26 +262,26 @@ div[class^="announcementBar"] {
 
 /* Hero */
 
-// .hero {
-//   padding: 5vh 0;
-
-//   .hero__subtitle {
-//     font-size: 1.25em;
-//     max-width: 800px;
-
-//     img {
-//       vertical-align: middle;
-//       margin-top: -0.3em;
-//     }
-//   }
-
-//   .hero__content {
-//     text-align: center;
-//     padding: 2rem 0;
-//     height: 100%;
-//     display: flex;
-//   }
-// }
+.hero {
+  padding: 5vh 0;
+
+  .hero__subtitle {
+    font-size: 1.25em;
+    max-width: 800px;
+    display: inline-block;
+
+    img {
+      vertical-align: middle;
+      margin-top: -0.3em;
+    }
+  }
+
+  .hero__content {
+    text-align: center;
+    padding: 2rem 0;
+    height: 100%;
+  }
+}
 
 /* Sidebar Menu */