adjust to rem

dbt-labs · Nov 27, 2023 · dd956f9 · dd956f9
1 parent 5106f4e
commit dd956f9
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 9 deletions.
diff --git a/website/src/components/lifeCycle/index.js b/website/src/components/lifeCycle/index.js
@@ -1,14 +1,6 @@
 import React from 'react'
 import styles from './styles.module.css';
 
-// function Item ({ status }) {
-//     if (status) {
-//         return null;
-//     }
-
-//     return <span className={styles.lifecycle}>{status}</span>;
-// }
-
 export default function Lifecycle(props) {
     if (!props.status) {
         return null;

diff --git a/website/src/components/lifeCycle/styles.module.css b/website/src/components/lifeCycle/styles.module.css
@@ -1,7 +1,7 @@
 .lifecycle {
     background-color: #047377; /* Teal background to align with dbt Labs' color */
     color: #fff; /* Light text color for contrast */
-    font-size: 0.4em; /* Slightly smaller text */
+    font-size: 0.78rem; /* Using rem so font size is relative to root */
     padding: 1px 8px; /* Adjust padding for a more pill-like shape */
     border-radius: 16px; /* Larger border-radius for rounded edges */
     margin-left: 8px; /* Margin to separate from the header text */