banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: add modal filter

main
Yuri Dimas 2025-10-09 23:47:12 +07:00
parent 6069bda806
commit 1d3ee20aa7
No known key found for this signature in database
GPG Key ID: 4A421F9108FB5D2C
1 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
Views/DataBankSampah/Index.cshtml
View File

@ -4,14 +4,53 @@
ViewData["DataBankSampahActive"] = "menu-active"; ViewData["DataBankSampahActive"] = "menu-active";
} }
<div class="flex"> <div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
<div class="prose"> <div class="prose">
<span class="text-xl font-semibold text-black"> <span class="text-xl font-semibold text-black">
Data Bank Sampah Data Bank Sampah
</span> </span>
</div> </div>
<div>
<button class="btn btn-sm rounded-full bg-white" onclick="modal_filter.showModal()">
<i class="ph ph-funnel-simple"></i>
Filter
</button>
</div>
</div> </div>
<!-- Modal Filter -->
<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full sm:max-w-sm">
<h3 class="text-lg font-bold">Filter</h3>
<form action="#" method="get">
<fieldset class="fieldset">
<legend class="fieldset-legend">Jenis Bank Sampah</legend>
<select class="select w-full">
<option disabled selected>Pilih salah satu</option>
</select>
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Kategori Bank Sampah</legend>
<select class="select w-full">
<option disabled selected>Pilih salah satu</option>
</select>
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Status Bank Sampah</legend>
<select class="select w-full">
<option disabled selected>Pilih salah satu</option>
</select>
</fieldset>
<div class="modal-action">
<button type="button" class="btn btn-outline rounded-full" onclick="modal_filter.close()">Tutup</button>
<button type="submit" class="btn bg-bank-sampah-primary-500 rounded-full text-white">Terapkan</button>
</div>
</form>
</div>
</dialog>
<!-- /modal filter -->
<div class="h-6"></div> <div class="h-6"></div>
<div class="card bg-white"> <div class="card bg-white">