style: add filter
parent
a71f21f37b
commit
6a7fca4d36
|
|
@ -15,13 +15,47 @@
|
|||
<h3 class="mb-2">Rumah Memilah</h3>
|
||||
</div>
|
||||
<div class="justify-self-end lg:self-center">
|
||||
<a class="btn rounded-full bg-white" href="#">
|
||||
<button class="btn rounded-full bg-white" onclick="modal_filter.showModal()">
|
||||
<span class="icon icon-fill me-2">filter_list</span>
|
||||
Filter
|
||||
</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 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">Kecamatan</legend>
|
||||
<select class="select w-full">
|
||||
<option disabled selected>Pilih Kecamatan</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
<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 rounded-full" onclick="modal_filter.close()">Bersihkan</button>
|
||||
<button type="submit" class="btn btn-primary rounded-full text-white">Terapkan Filter</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
<div class="h-8"></div>
|
||||
|
||||
<div class="card bg-white shadow-sm">
|
||||
|
|
|
|||
Loading…
Reference in New Issue