Replaced all the css into tailwind css on TimelineEvent component (#1786

) Co-authored-by: Kyle Holmberg <[email protected]>
OperationCode · Dec 20, 2023 · 4ff4e36 · 4ff4e36 · vercel · Dec 20, 2023
1 parent a0b2489
commit 4ff4e36
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/Timeline/TimelineEvent/TimelineEvent.js b/components/Timeline/TimelineEvent/TimelineEvent.js
@@ -8,8 +8,8 @@ TimelineEvent.propTypes = {
 
 function TimelineEvent({ content, title }) {
   return (
-    <div className={styles.eventContainer}>
-      <h4 className={styles.eventTitle}>{title}</h4>
+    <div className="mb-8 border-1 border-solid border-[#c5c5c5] p-5 rounded-md">
+      <h4 className="capitalize md:text-2xl">{title}</h4>
 
       <div className={styles.eventContent}>{content}</div>
     </div>

diff --git a/components/Timeline/TimelineEvent/__tests__/__snapshots__/TimelineEvent.test.js.snap b/components/Timeline/TimelineEvent/__tests__/__snapshots__/TimelineEvent.test.js.snap
@@ -2,10 +2,10 @@
 
 exports[`TimelineEvent should render with required props 1`] = `
 <div
-  className="eventContainer"
+  className="mb-8 border-1 border-solid border-[#c5c5c5] p-5 rounded-md"
 >
   <h4
-    className="eventTitle"
+    className="capitalize md:text-2xl"
   >
     test title
   </h4>