fix: grid on mobile

This commit is contained in:
Ephraim Atta-Duncan
2024-04-05 17:54:36 +00:00
parent 7615c9d2fa
commit fdf4d03c14
2 changed files with 4 additions and 4 deletions

View File

@ -65,7 +65,7 @@ export default async function AdminStatsPage() {
<div>
<h3 className="text-3xl font-semibold">User metrics</h3>
<div className="mb-8 mt-4 grid flex-1 grid-cols-2 gap-4">
<div className="mb-8 mt-4 grid flex-1 grid-cols-1 gap-4 md:grid-cols-2">
<CardMetric
icon={File}
title="Users with document in the last month"
@ -82,7 +82,7 @@ export default async function AdminStatsPage() {
<div>
<h3 className="text-3xl font-semibold">Document metrics</h3>
<div className="mb-8 mt-4 grid flex-1 grid-cols-2 gap-4">
<div className="mb-8 mt-4 grid flex-1 grid-cols-1 gap-4 md:grid-cols-2">
{/* <CardMetric icon={File} title="Total Documents" value={docStats.ALL} /> */}
<CardMetric icon={FileEdit} title="Drafted Documents" value={docStats.DRAFT} />
<CardMetric icon={FileClock} title="Pending Documents" value={docStats.PENDING} />
@ -93,7 +93,7 @@ export default async function AdminStatsPage() {
<div>
<h3 className="text-3xl font-semibold">Recipients metrics</h3>
<div className="mb-8 mt-4 grid flex-1 grid-cols-2 gap-4">
<div className="mb-8 mt-4 grid flex-1 grid-cols-1 gap-4 md:grid-cols-2">
<CardMetric
icon={UserSquare2}
title="Total Recipients"