fixed some mobile css

feliciahmq · Jun 24, 2024 · 27cbb97 · 27cbb97
1 parent 03f77c4
commit 27cbb97
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/src/pages/search/SearchPage.css b/src/pages/search/SearchPage.css
@@ -34,4 +34,12 @@
     padding: 12px;
     top: 100px;
 }
+
+.product-filter {
+    font-size: 16px;
+}
+    .product-filter select {
+        padding: 5px;
+        font-size: 12px;
+    }
 }
diff --git a/src/pages/search/filter/productFilter.css b/src/pages/search/filter/productFilter.css
@@ -100,4 +100,13 @@
         width: 100%;
         top: 24px;
     }
+
+    .filter-group label {
+        font-size: 12px;
+    }
+    .display {
+        position: relative;
+        font-size: 12px;
+        top: -6px;
+    }
 }
diff --git a/src/pages/search/filter/productFilter.jsx b/src/pages/search/filter/productFilter.jsx
@@ -78,7 +78,7 @@ function ProductFilter({ minPrice, maxPrice, onFilterChange, onSortChange }) {
                             onChange={handleMaxPriceChange}
                         />
                     </div>
-                    <div>
+                    <div className='display'>
                         <span>{priceRange[0]}</span> - <span>{priceRange[1]}</span>
                     </div>
                 </div>
-Original file line number
+Diff line change
@@ Expand Up @@
                                 onChange={handleMaxPriceChange}
                             />
                         </div>
-                        <div>
+                        <div className='display'>
                             <span>{priceRange[0]}</span> - <span>{priceRange[1]}</span>
                         </div>
                     </div>
@@ Expand Down @@