diff --git a/website/src/components/lifeCycle/index.js b/website/src/components/lifeCycle/index.js index a92efd80d0d..ca08783a017 100644 --- 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 {status}; -// } - 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 index d1ec4148450..ca145294127 100644 --- 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 */