From 3b416c9912338e74c52a0ba4cf49c78d8151464b Mon Sep 17 00:00:00 2001
From: evgueniazet <zelenkoea19@gmail.com>
Date: Thu, 31 Aug 2023 15:41:17 +0200
Subject: [PATCH 1/3] feat: add hover for cards

---
 .../ProductCard/ProductCard.module.scss       | 59 +++++++++++--------
 1 file changed, 34 insertions(+), 25 deletions(-)

diff --git a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
index 0d48bbf..966520d 100644
--- a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
+++ b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
@@ -1,28 +1,37 @@
 .card {
-  display: flex;
-  width: 200px;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1rem;
-  border: 2px green double;
-
-  &__text {
-    height: 100%;
     display: flex;
+    width: 200px;
+    flex-direction: column;
     align-items: center;
-    flex-wrap: wrap;
-  }
-  &__title {
-    width: 100%;
-    text-align: center;
-    color: cadetblue;
-    font-weight: 900;
-  }
-  &__price {
-    padding-top: 1rem;
-    width: 50%;
-    font-weight: 700;
-    text-align: center;
-  }
-}
+    justify-content: space-between;
+    padding: 1rem;
+    border: 2px green double;
+    transition: box-shadow .3s ease-in-out;
+    cursor: pointer;
+
+    &:hover {
+        box-shadow: 8px 10px 5px 2px #14763033;
+        transition: box-shadow .3s ease-in-out;
+    }
+
+    &__text {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+
+    &__title {
+        width: 100%;
+        text-align: center;
+        color: cadetblue;
+        font-weight: 900;
+    }
+
+    &__price {
+        padding-top: 1rem;
+        width: 50%;
+        font-weight: 700;
+        text-align: center;
+    }
+}
\ No newline at end of file

From 82ff2d8fe956a72bb146f83e1ce08b64f599fd2d Mon Sep 17 00:00:00 2001
From: evgueniazet <zelenkoea19@gmail.com>
Date: Thu, 31 Aug 2023 15:42:19 +0200
Subject: [PATCH 2/3] fix: remove hover on cards

---
 .../src/components/ProductCard/ProductCard.module.scss     | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
index 966520d..767ff31 100644
--- a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
+++ b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
@@ -6,13 +6,6 @@
     justify-content: space-between;
     padding: 1rem;
     border: 2px green double;
-    transition: box-shadow .3s ease-in-out;
-    cursor: pointer;
-
-    &:hover {
-        box-shadow: 8px 10px 5px 2px #14763033;
-        transition: box-shadow .3s ease-in-out;
-    }
 
     &__text {
         height: 100%;

From 83a910888d698629f7d98329b8ab7112ad42af05 Mon Sep 17 00:00:00 2001
From: evgueniazet <zelenkoea19@gmail.com>
Date: Thu, 31 Aug 2023 15:45:21 +0200
Subject: [PATCH 3/3] feat: add hover for cards

---
 .../src/components/ProductCard/ProductCard.module.scss     | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
index 767ff31..966520d 100644
--- a/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
+++ b/e-commerce-app/src/components/ProductCard/ProductCard.module.scss
@@ -6,6 +6,13 @@
     justify-content: space-between;
     padding: 1rem;
     border: 2px green double;
+    transition: box-shadow .3s ease-in-out;
+    cursor: pointer;
+
+    &:hover {
+        box-shadow: 8px 10px 5px 2px #14763033;
+        transition: box-shadow .3s ease-in-out;
+    }
 
     &__text {
         height: 100%;