feat(saas): Admin dashboard mobile responsive

alifarooq9 · May 6, 2024 · 1e69ba4 · 1e69ba4
1 parent 7cc05bd
commit 1e69ba4
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/starterkits/saas/src/app/(app)/admin/dashboard/page.tsx b/starterkits/saas/src/app/(app)/admin/dashboard/page.tsx
@@ -57,7 +57,7 @@ export default async function AdminDashPage() {
                     </Link>
                 </p>
 
-                <div className="grid grid-cols-4 gap-4">
+                <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
                     <StatsCard
                         title="Users"
                         value={String(usersCountData.totalCount)}
@@ -87,7 +87,7 @@ export default async function AdminDashPage() {
                     />
                 </div>
 
-                <div className="grid grid-cols-2 gap-4">
+                <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
                     <UsersChart data={usersChartData} />
 
                     <SubsChart data={subsChartData} />