fix: now the contributor insights new/edit page fits in smaller screens

open-sauced · Jul 3, 2024 · 215b2c7 · 215b2c7
1 parent ae48dcc
commit 215b2c7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Workspaces/TrackedContributorsTable.tsx b/components/Workspaces/TrackedContributorsTable.tsx
@@ -20,7 +20,7 @@ export const EmptyState = ({ onAddContributors, disabled }: { onAddContributors:
   return (
     <div className="grid place-content-center gap-5 my-8">
       <BiBarChartAlt2 className="border rounded-lg p-2 w-11 h-11 mx-auto fill-slate-600 shadow-xs" />
-      <div className="grid w-max max-w-sm mx-auto">
+      <div className="grid lg:w-max max-w-sm mx-auto px-2">
         <span className="text-center font-medium mb-2">Add contributors to track</span>
         <p className="text-sm text-slate-600 text-center">
           Search and select the contributors you want to track and get insights on your entire GitHub ecosystem
@@ -57,7 +57,7 @@ export const TrackedContributorsTable = ({
 }: TrackedContributorsTableProps) => {
   return (
     <div className="grid gap-4">
-      <div className="flex justify-between">
+      <div className="flex justify-between flex-wrap gap-2">
         <div>
           <h2 className="flex gap-1 font-medium mb-2 text-md">Contributors Tracked</h2>
           <p className="text-sm text-slate-600">Select the contributors you want to track</p>