banksampah
/
bps-rw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Views/Dashboard/Index.cshtml
View File

@ -61,23 +61,27 @@
<!-- Stat Jumlah Rumah Memilah --> <!-- Stat Jumlah Rumah Memilah -->
<div class="stats flex-1 bg-white"> <div class="stats flex-1 bg-white">
<div class="stat"> <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"> <div class="stat-title items-center text-lg">
<i class="ph ph-trash"></i> <i class="ph ph-trash"></i>
<span class="font-semibold">Jumlah Rumah Memilah</span> <span class="font-semibold">Jumlah Rumah Memilah</span>
</div> </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> </div>
<!-- Stat Jumlah Rumah Nasabah --> <!-- Stat Jumlah Rumah Nasabah -->
<div class="stats flex-1 bg-white"> <div class="stats flex-1 bg-white">
<div class="stat"> <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"> <div class="stat-title items-center text-lg">
<i class="ph ph-trash"></i> <i class="ph ph-trash"></i>
<span class="font-semibold">Jumlah Rumah Nasabah</span> <span class="font-semibold">Jumlah Rumah Nasabah</span>
</div> </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> </div>
</div> </div>
@ -93,14 +97,14 @@
<h2 class="card-title"> <h2 class="card-title">
Bank Sampah Bank Sampah
</h2> </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="flex items-center">
<div class="badge badge-success badge-xs me-2"></div> <div class="badge badge-success badge-xs me-2"></div>
Aktif Aktif
</div> </div>
<span class="text-primary font-bold">35</span> <span class="text-primary font-bold">35</span>
</div> </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="flex items-center">
<div class="badge badge-error badge-xs me-2"></div> <div class="badge badge-error badge-xs me-2"></div>
Tidak Aktif Tidak Aktif

16
Views/DashboardRw/Index.cshtml
View File

@ -65,23 +65,27 @@
<!-- Stat Jumlah Rumah Memilah --> <!-- Stat Jumlah Rumah Memilah -->
<div class="stats flex-1 bg-white"> <div class="stats flex-1 bg-white">
<div class="stat"> <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"> <div class="stat-title items-center text-lg">
<i class="ph ph-trash"></i> <i class="ph ph-trash"></i>
<span class="font-semibold">Jumlah Rumah Memilah</span> <span class="font-semibold">Jumlah Rumah Memilah</span>
</div> </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> </div>
<!-- Stat Jumlah Rumah Nasabah --> <!-- Stat Jumlah Rumah Nasabah -->
<div class="stats flex-1 bg-white"> <div class="stats flex-1 bg-white">
<div class="stat"> <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"> <div class="stat-title items-center text-lg">
<i class="ph ph-trash"></i> <i class="ph ph-trash"></i>
<span class="font-semibold">Jumlah Rumah Nasabah</span> <span class="font-semibold">Jumlah Rumah Nasabah</span>
</div> </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> </div>
</div> </div>
@ -97,14 +101,14 @@
<h2 class="card-title"> <h2 class="card-title">
Bank Sampah Bank Sampah
</h2> </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="flex items-center">
<div class="badge badge-success badge-xs me-2"></div> <div class="badge badge-success badge-xs me-2"></div>
Aktif Aktif
</div> </div>
<span class="text-primary font-bold">35</span> <span class="text-primary font-bold">35</span>
</div> </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="flex items-center">
<div class="badge badge-error badge-xs me-2"></div> <div class="badge badge-error badge-xs me-2"></div>
Tidak Aktif Tidak Aktif