style: remove outline, create a percentage with a badge
parent
410060c03a
commit
32c8c4797f
|
|
@ -61,23 +61,27 @@
|
|||
<!-- Stat Jumlah Rumah Memilah -->
|
||||
<div class="stats flex-1 bg-white">
|
||||
<div class="stat">
|
||||
<div class="stat-desc text-base font-semibold text-gray-700">0.23 %</div>
|
||||
<div class="stat-title items-center text-lg">
|
||||
<i class="ph ph-trash"></i>
|
||||
<span class="font-semibold">Jumlah Rumah Memilah</span>
|
||||
</div>
|
||||
<div class="stat-value">46</div>
|
||||
<div class="flex items-end gap-3">
|
||||
<div class="stat-value">46</div>
|
||||
<span class="badge badge-soft badge-outline badge-success rounded-full border-2 px-2 py-1 text-sm">40%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Stat Jumlah Rumah Nasabah -->
|
||||
<div class="stats flex-1 bg-white">
|
||||
<div class="stat">
|
||||
<div class="stat-desc text-base font-semibold text-gray-700">0.1 %</div>
|
||||
<div class="stat-title items-center text-lg">
|
||||
<i class="ph ph-trash"></i>
|
||||
<span class="font-semibold">Jumlah Rumah Nasabah</span>
|
||||
</div>
|
||||
<div class="stat-value">46</div>
|
||||
<div class="flex items-end gap-3">
|
||||
<div class="stat-value">46</div>
|
||||
<span class="badge badge-soft badge-outline badge-success rounded-full border-2 px-2 py-1 text-sm">40%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -93,14 +97,14 @@
|
|||
<h2 class="card-title">
|
||||
Bank Sampah
|
||||
</h2>
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded border border-gray-300 p-4">
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded p-4">
|
||||
<div class="flex items-center">
|
||||
<div class="badge badge-success badge-xs me-2"></div>
|
||||
Aktif
|
||||
</div>
|
||||
<span class="text-primary font-bold">35</span>
|
||||
</div>
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded border border-gray-300 p-4">
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded p-4">
|
||||
<div class="flex items-center">
|
||||
<div class="badge badge-error badge-xs me-2"></div>
|
||||
Tidak Aktif
|
||||
|
|
|
|||
|
|
@ -65,23 +65,27 @@
|
|||
<!-- Stat Jumlah Rumah Memilah -->
|
||||
<div class="stats flex-1 bg-white">
|
||||
<div class="stat">
|
||||
<div class="stat-desc text-base font-semibold text-gray-700">0.23 %</div>
|
||||
<div class="stat-title items-center text-lg">
|
||||
<i class="ph ph-trash"></i>
|
||||
<span class="font-semibold">Jumlah Rumah Memilah</span>
|
||||
</div>
|
||||
<div class="stat-value">46</div>
|
||||
<div class="flex items-baseline gap-3">
|
||||
<div class="stat-value">46</div>
|
||||
<span class="badge badge-soft badge-outline badge-success rounded-full border-2 px-3 py-1 text-sm">40%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Stat Jumlah Rumah Nasabah -->
|
||||
<div class="stats flex-1 bg-white">
|
||||
<div class="stat">
|
||||
<div class="stat-desc text-base font-semibold text-gray-700">0.1 %</div>
|
||||
<div class="stat-title items-center text-lg">
|
||||
<i class="ph ph-trash"></i>
|
||||
<span class="font-semibold">Jumlah Rumah Nasabah</span>
|
||||
</div>
|
||||
<div class="stat-value">46</div>
|
||||
<div class="flex items-baseline gap-3">
|
||||
<div class="stat-value">46</div>
|
||||
<span class="badge badge-soft badge-outline badge-success rounded-full border-2 px-3 py-1 text-sm">40%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -97,14 +101,14 @@
|
|||
<h2 class="card-title">
|
||||
Bank Sampah
|
||||
</h2>
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded border border-gray-300 p-4">
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded p-4">
|
||||
<div class="flex items-center">
|
||||
<div class="badge badge-success badge-xs me-2"></div>
|
||||
Aktif
|
||||
</div>
|
||||
<span class="text-primary font-bold">35</span>
|
||||
</div>
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded border border-gray-300 p-4">
|
||||
<div class="flex flex-row items-center justify-between gap-2 rounded p-4">
|
||||
<div class="flex items-center">
|
||||
<div class="badge badge-error badge-xs me-2"></div>
|
||||
Tidak Aktif
|
||||
|
|
|
|||
Loading…
Reference in New Issue