style: add modal filter

main-dlh
Yuri Dimas 2025-11-25 10:22:17 +07:00
parent 958bbe8b19
commit 327cbfda54
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
1 changed files with 29 additions and 1 deletions

View File

@ -25,6 +25,34 @@
<div class="h-8"></div> <div class="h-8"></div>
<!-- Filter Modal --> <!-- Filter Modal -->
<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full sm:max-w-sm">
<div class="flex items-center justify-between">
<h3 class="text-lg font-bold">Filter</h3>
<button type="button" class="btn btn-sm btn-circle btn-ghost" onclick="modal_filter.close()">✕</button>
</div>
<form action="#" method="get">
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Kelurahan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kelurahan</option>
</select>
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">RW</legend>
<select class="select w-full">
<option disabled selected>Pilih RW</option>
</select>
</fieldset>
<div class="modal-action">
<button type="button" class="btn" onclick="modal_filter.close()">Bersihkan</button>
<button type="submit" class="btn btn-neutral">Terapkan Filter</button>
</div>
</form>
</div>
</dialog>
<!-- Detail Modal -->
<dialog id="rw-detail-modal" class="modal modal-bottom sm:modal-middle"> <dialog id="rw-detail-modal" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-11/12 max-w-5xl"> <div class="modal-box w-11/12 max-w-5xl">
<h3 class="text-lg font-semibold mb-4">Detail RW</h3> <h3 class="text-lg font-semibold mb-4">Detail RW</h3>