Updated Dashboard Metrics

This commit is contained in:
litaesther10
2023-03-28 16:04:22 +02:00
parent e3059cfb34
commit 900ec32697

View File

@ -58,18 +58,18 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
Dashboard
</h1>
</header>
<dl className="mt-8 grid grid-cols-3 xs:grid-cols-2 gap-5">
<dl className="grid gap-5 mt-8 md:grid-cols-3 ">
{stats.map((item) => (
<Link href={item.link} key={item.name}>
<div className="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6 ">
<dt className="truncate text-sm font-medium text-gray-500 ">
<div className="px-4 py-3 overflow-hidden bg-white rounded-lg shadow md:p-6 sm:py-5">
<dt className="text-sm font-medium text-gray-500 truncate ">
<item.icon
className="flex-shrink-0 mr-3 h-6 w-6 inline text-neon"
className="flex-shrink-0 inline w-5 h-5 mr-3 text-neon sm:w-6 sm:h-6"
aria-hidden="true"
></item.icon>
{item.name}
</dt>
<dd className="mt-1 text-3xl font-semibold tracking-tight text-gray-900">
<dd className="mt-1 text-2xl font-semibold tracking-tight text-gray-900 sm:text-3xl">
{getStat(item.name, props)}
</dd>
</div>
@ -91,10 +91,10 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
onClick={() => {
document?.getElementById("fileUploadHelper")?.click();
}}
className="cursor-pointer relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-neon focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
className="relative block w-full p-12 text-center border-2 border-gray-300 border-dashed rounded-lg cursor-pointer hover:border-neon focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
>
<svg
className="mx-auto h-12 w-12 text-gray-400"
className="w-12 h-12 mx-auto text-gray-400"
stroke="currentColor"
fill="none"
viewBox="0 00 20 25"
@ -107,7 +107,7 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
/>
</svg>
<span className="mt-2 block text-sm font-medium text-neon">
<span className="block mt-2 text-sm font-medium text-neon">
Add a new PDF document
</span>
</div>