fix(MaintainerCard): apply badge style to contributor and consultant roles (#803)

sukvvon · web-flow · commit 1f56fce4031b · 2026-04-01T19:36:18.000-05:00
diff --git a/src/components/MaintainerCard.tsx b/src/components/MaintainerCard.tsx
@@ -42,7 +42,11 @@ function RoleBadge({
     )
   }
 
-  return <span className="text-gray-500 dark:text-gray-400">{role}</span>
+  return (
+    <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-500 text-white">
+      {role}
+    </span>
+  )
 }
 
 function FrameworkChip({ framework }: { framework: Framework }) {

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,11 @@ function RoleBadge({`
`42`	`42`	`)`
`43`	`43`	`}`
`44`	`44`
`45`		`- return <span className="text-gray-500 dark:text-gray-400">{role}</span>`
	`45`	`+ return (`
	`46`	`+ <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-500 text-white">`
	`47`	`+ {role}`
	`48`	`+ </span>`
	`49`	`+ )`
`46`	`50`	`}`
`47`	`51`
`48`	`52`	`function FrameworkChip({ framework }: { framework: Framework }) {`