diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-11-23 13:33:06 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-11-23 13:33:06 +0700 |
| commit | def5c78dd6435365b2f69bf6aee82068f6cf013c (patch) | |
| tree | 952a537e07aa1b8b3ff4888c1de4a566679f0d8c /src/components/Filter.js | |
| parent | be4dac443438a6eaf63f34d6a93cdc00c469bbec (diff) | |
Search suggestion
Diffstat (limited to 'src/components/Filter.js')
| -rw-r--r-- | src/components/Filter.js | 6 |
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>—</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 ? ( |