style: remove outline, create a percentage with a badge

main-dlh
Regiaaaaaa 2025-12-08 14:00:31 +07:00
parent 410060c03a
commit 32c8c4797f
2 changed files with 20 additions and 12 deletions

View File

@ -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

View File

@ -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