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 Dashboard
</h1> </h1>
</header> </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) => ( {stats.map((item) => (
<Link href={item.link} key={item.name}> <Link href={item.link} key={item.name}>
<div className="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6 "> <div className="px-4 py-3 overflow-hidden bg-white rounded-lg shadow md:p-6 sm:py-5">
<dt className="truncate text-sm font-medium text-gray-500 "> <dt className="text-sm font-medium text-gray-500 truncate ">
<item.icon <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" aria-hidden="true"
></item.icon> ></item.icon>
{item.name} {item.name}
</dt> </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)} {getStat(item.name, props)}
</dd> </dd>
</div> </div>
@ -91,10 +91,10 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
onClick={() => { onClick={() => {
document?.getElementById("fileUploadHelper")?.click(); 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 <svg
className="mx-auto h-12 w-12 text-gray-400" className="w-12 h-12 mx-auto text-gray-400"
stroke="currentColor" stroke="currentColor"
fill="none" fill="none"
viewBox="0 00 20 25" viewBox="0 00 20 25"
@ -107,7 +107,7 @@ const DashboardPage: NextPageWithLayout = (props: any) => {
/> />
</svg> </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 Add a new PDF document
</span> </span>
</div> </div>