You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.6 KiB
HTML
49 lines
1.6 KiB
HTML
<dl
|
|
class="mx-auto grid grid-cols-1 gap-px bg-gray-900/5 sm:grid-cols-2 lg:grid-cols-4"
|
|
>
|
|
<div
|
|
class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-10 sm:px-6 xl:px-8"
|
|
>
|
|
<dt class="text-sm/6 font-medium text-gray-500">Revenue</dt>
|
|
<dd class="text-xs font-medium text-gray-700">+4.75%</dd>
|
|
<dd
|
|
class="w-full flex-none text-3xl/10 font-medium tracking-tight text-gray-900"
|
|
>
|
|
$405,091.00
|
|
</dd>
|
|
</div>
|
|
<div
|
|
class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-10 sm:px-6 xl:px-8"
|
|
>
|
|
<dt class="text-sm/6 font-medium text-gray-500">Overdue invoices</dt>
|
|
<dd class="text-xs font-medium text-rose-600">+54.02%</dd>
|
|
<dd
|
|
class="w-full flex-none text-3xl/10 font-medium tracking-tight text-gray-900"
|
|
>
|
|
$12,787.00
|
|
</dd>
|
|
</div>
|
|
<div
|
|
class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-10 sm:px-6 xl:px-8"
|
|
>
|
|
<dt class="text-sm/6 font-medium text-gray-500">Outstanding invoices</dt>
|
|
<dd class="text-xs font-medium text-gray-700">-1.39%</dd>
|
|
<dd
|
|
class="w-full flex-none text-3xl/10 font-medium tracking-tight text-gray-900"
|
|
>
|
|
$245,988.00
|
|
</dd>
|
|
</div>
|
|
<div
|
|
class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-10 sm:px-6 xl:px-8"
|
|
>
|
|
<dt class="text-sm/6 font-medium text-gray-500">Expenses</dt>
|
|
<dd class="text-xs font-medium text-rose-600">+10.18%</dd>
|
|
<dd
|
|
class="w-full flex-none text-3xl/10 font-medium tracking-tight text-gray-900"
|
|
>
|
|
$30,156.00
|
|
</dd>
|
|
</div>
|
|
</dl>
|