summaryrefslogtreecommitdiff
path: root/src/components/Filter.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Filter.js')
-rw-r--r--src/components/Filter.js6
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/Filter.js b/src/components/Filter.js
index a07beff3..fd9387d7 100644
--- a/src/components/Filter.js
+++ b/src/components/Filter.js
@@ -62,7 +62,7 @@ const Filter = ({
}
return (
- <div className={`fixed w-full z-[60] py-8 px-4 ring ring-gray-300 bg-white rounded-t-3xl idt-transition ${isActive ? 'bottom-0' : 'bottom-[-100%]'}`}>
+ <div className={`fixed w-full z-[60] py-6 px-4 ring ring-gray-300 bg-white rounded-t-3xl idt-transition ${isActive ? 'bottom-0' : 'bottom-[-100%]'}`}>
<div className="flex justify-between items-center mb-5">
<h2 className="text-xl font-semibold">Filter Produk</h2>
<button onClick={closeFilter}>
@@ -92,11 +92,11 @@ const Filter = ({
<label>Harga</label>
<div className="flex gap-x-4 mt-2 items-center">
<input className="form-input" value={priceFrom} onChange={(e) => setPriceFrom(e.target.value)}/>
- <span>-</span>
+ <span>&mdash;</span>
<input className="form-input" value={priceTo} onChange={(e) => setPriceTo(e.target.value)}/>
</div>
</div>
- <button type="submit" className="btn-yellow font-semibold mt-4 w-full">
+ <button type="submit" className="btn-yellow font-semibold mt-2 w-full">
Terapkan Filter
</button>
{selectedBrand || selectedCategory || priceFrom > 0 || priceTo > 0 ? (