update styles product preview

f7023329 · Nawasan Wisitsingkhon · 27be3440 · f7023329
Commit f7023329 authored Oct 02, 2023 by Nawasan Wisitsingkhon
Show whitespace changes
Inline Side-by-side

Showing with 3 additions and 2 deletions

ProductCard.js src/components/ProductCard.js +3 -2

No files found.
--- a/src/components/ProductCard.js
+++ b/src/components/ProductCard.js
@@ -28,7 +28,8 @@ export default function ProductCard({ product, isFav, favHandler }) {
   * @param {boolean} isRemove
   */
 return (
-    <Card
+    <div
+    className="p-1 m-1 w-[300px] inline-block bg-white rounded hover:shadow duration-300"
      sx={{
        m: 1,
        px: 1,
@@ -89,6 +90,6 @@ export default function ProductCard({ product, isFav, favHandler }) {
          </Box>
        )}
      </CardActions>
-    </Card>
+    </div>
  );
 }