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"

View File

@ -28,7 +28,7 @@ export const UserWithDocumentCummulativeChart = ({
<div className={className}>
<div className="border-border flex flex-1 flex-col justify-center rounded-2xl border p-6 pl-2">
<div className="mb-6 flex px-4">
<h3 className="text-lg font-semibold">Total Activity</h3>
<h3 className="text-lg font-semibold">Total Activity (Cummulative)</h3>
</div>
<ResponsiveContainer width="100%" height={400}>