add filter by

dbt-labs · Jan 30, 2025 · a41f3b7 · a41f3b7
1 parent 8dc3a8f
commit a41f3b7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/website/src/components/quickstartGuideList/index.js b/website/src/components/quickstartGuideList/index.js
@@ -218,6 +218,7 @@ function QuickstartList({ quickstartData }) {
       />
       <section id='quickstart-card-section' className={styles.quickstartCardSection}>
         <div className={`container ${styles.quickstartFilterContainer} `}>
+          <h3>Filter by</h3>
           {Object.entries(FILTER_CONFIGS).map(([key, config]) => (
             filterOptions[key]?.length > 0 && (
               <CheckboxGroup

diff --git a/website/src/components/quickstartGuideList/styles.module.css b/website/src/components/quickstartGuideList/styles.module.css
@@ -32,7 +32,7 @@
     grid-gap: 1rem;
 }
 
-.quickstartFilterContainer  {
+.quickstartFilterContainer {
     display: flex;
     flex-direction: column;
     gap: 1rem;
@@ -43,7 +43,14 @@
     display: flex;
     flex-direction: column;
     text-decoration: none !important;
-    transition: all 0.2s ease-in-out;
+}
+
+.quickstartFilterContainer h3 {
+    font-size: 1.25rem;
+    font-weight: 300;
+    margin-bottom: 0;
+    font-size: 1.25rem;
+    color: #262A38;
 }
 
 .clearAllFiltersButton {