fix: grid on mobile
This commit is contained in:
@@ -65,7 +65,7 @@ export default async function AdminStatsPage() {
|
|||||||
<div>
|
<div>
|
||||||
<h3 className="text-3xl font-semibold">User metrics</h3>
|
<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
|
<CardMetric
|
||||||
icon={File}
|
icon={File}
|
||||||
title="Users with document in the last month"
|
title="Users with document in the last month"
|
||||||
@@ -82,7 +82,7 @@ export default async function AdminStatsPage() {
|
|||||||
<div>
|
<div>
|
||||||
<h3 className="text-3xl font-semibold">Document metrics</h3>
|
<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={File} title="Total Documents" value={docStats.ALL} /> */}
|
||||||
<CardMetric icon={FileEdit} title="Drafted Documents" value={docStats.DRAFT} />
|
<CardMetric icon={FileEdit} title="Drafted Documents" value={docStats.DRAFT} />
|
||||||
<CardMetric icon={FileClock} title="Pending Documents" value={docStats.PENDING} />
|
<CardMetric icon={FileClock} title="Pending Documents" value={docStats.PENDING} />
|
||||||
@@ -93,7 +93,7 @@ export default async function AdminStatsPage() {
|
|||||||
<div>
|
<div>
|
||||||
<h3 className="text-3xl font-semibold">Recipients metrics</h3>
|
<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
|
<CardMetric
|
||||||
icon={UserSquare2}
|
icon={UserSquare2}
|
||||||
title="Total Recipients"
|
title="Total Recipients"
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ export const UserWithDocumentCummulativeChart = ({
|
|||||||
<div className={className}>
|
<div className={className}>
|
||||||
<div className="border-border flex flex-1 flex-col justify-center rounded-2xl border p-6 pl-2">
|
<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">
|
<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>
|
</div>
|
||||||
|
|
||||||
<ResponsiveContainer width="100%" height={400}>
|
<ResponsiveContainer width="100%" height={400}>
|
||||||
|
|||||||
Reference in New Issue
Block a user