Update title styles in AtmosWorkflow component

cloudposse · Sep 19, 2024 · a990b36 · a990b36
1 parent 6553a23
commit a990b36
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/components/AtmosWorkflow/index.tsx b/src/components/AtmosWorkflow/index.tsx
@@ -1,4 +1,4 @@
-// AtmosWorkflow.tsx
+// index.tsx
 
 import React, { useEffect, useState } from 'react';
 import CodeBlock from '@theme/CodeBlock';
@@ -39,17 +39,19 @@ export default function AtmosWorkflow({ workflow, stack = '', fileName }: AtmosW
           <code>{fullFilePath}</code> file:
         </Note>
         {workflowData?.description && (
-          <p>
+          <h4 className=".workflow-title">
             {workflowData.description}
-          </p>
+          </h4>
         )}
         <Steps>
           <ul>
             {workflowData?.steps.length ? (
               workflowData.steps.map((step, index) => (
                 <li key={index}>
                   {step.type === 'title' ? (
-                    <p>{step.content}</p>
+                    <p className=".workflow-title">
+                      {step.content}
+                    </p>
                   ) : (
                     <CodeBlock language="bash">{step.content}</CodeBlock>
                   )}

diff --git a/src/components/AtmosWorkflow/styles.css b/src/components/AtmosWorkflow/styles.css
@@ -0,0 +1,6 @@
+/* styles.css */
+
+.workflow-title {
+  font-size: 1.25em;
+  color: #2c3e50;
+}