From 34ee10ccf12d3de78896c79e32f3bcdfce29e830 Mon Sep 17 00:00:00 2001
From: "songhj10207@naver.com" <songhj10207@naver.com>
Date: Tue, 3 Dec 2024 16:46:03 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=B9=B4=ED=85=8C=EA=B3=A0?=
 =?UTF-8?q?=EB=A6=AC=20=EB=B0=95=EC=8A=A4=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20?=
 =?UTF-8?q?=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EB=A6=AC?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=B9=B4=EB=93=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/category/Category.jsx |  2 +-
 src/components/common/store/StoreCard.jsx   |  5 ++++-
 src/components/main/CategoryAndMap.jsx      |  2 +-
 src/components/storeCard/TopStoreCard.jsx   | 11 +++++++----
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/common/category/Category.jsx b/src/components/common/category/Category.jsx
index e30bf71..e1462fc 100644
--- a/src/components/common/category/Category.jsx
+++ b/src/components/common/category/Category.jsx
@@ -46,7 +46,6 @@ const CategoryLayout = styled.div`
     gap: 20px;
     align-items: center;
     justify-content: center;
-    overflow-y: scroll;
     padding-bottom: 100px;
     & > div {
         display: flex;
@@ -59,6 +58,7 @@ const CategoryLayout = styled.div`
         color: ${Orange};
         border: 1px solid ${Orange};
         cursor: pointer;
+
         &:hover {
             background-color: ${Orange};
             color: ${White};
diff --git a/src/components/common/store/StoreCard.jsx b/src/components/common/store/StoreCard.jsx
index 6cad62c..2528aa5 100644
--- a/src/components/common/store/StoreCard.jsx
+++ b/src/components/common/store/StoreCard.jsx
@@ -62,7 +62,6 @@ const StoreListCardLayout = styled.div`
     border-top: 1px solid ${LightGrey};
 
     &:hover {
-        cursor: pointer;
         background-color: ${LightGrey};
     }
 
@@ -173,6 +172,10 @@ const NameAndBookmarkContainer = styled.div`
     & > p {
         font-weight: 700;
         font-size: 19px;
+        &:hover {
+            cursor: pointer;
+            font-size: 20px;
+        }
     }
 
     @media screen and (max-width: 500px) {
diff --git a/src/components/main/CategoryAndMap.jsx b/src/components/main/CategoryAndMap.jsx
index cbcbf9f..ebadcec 100644
--- a/src/components/main/CategoryAndMap.jsx
+++ b/src/components/main/CategoryAndMap.jsx
@@ -56,12 +56,12 @@ const CategoryAndMapBox = styled.div`
         overflow-y: auto;
         border-radius: 20px;
         box-shadow: 2px 2px 2px ${Grey};
-        overflow-y: auto;
 
         &::-webkit-scrollbar {
             width: 5px;
             height: auto;
         }
+
         &::-webkit-scrollbar-thumb {
             background: rgba(217, 217, 217, 1);
             border-radius: 15px;
diff --git a/src/components/storeCard/TopStoreCard.jsx b/src/components/storeCard/TopStoreCard.jsx
index 9708dfb..89d2441 100644
--- a/src/components/storeCard/TopStoreCard.jsx
+++ b/src/components/storeCard/TopStoreCard.jsx
@@ -40,12 +40,8 @@ const StoreCardContainer = styled.div`
     border-radius: 5px;
     position: relative;
     transition: all 0.3s ease;
-    cursor: pointer;
 
     &:hover {
-        & > p {
-            color: ${Orange};
-        }
         transform: scale(1.05);
     }
 
@@ -76,6 +72,9 @@ const ImageContainer = styled.div`
         height: 100%;
         object-fit: cover;
         border-radius: 10px 10px 0 0;
+        &:hover {
+            cursor: pointer;
+        }
     }
 
     @media screen and (max-width: 500px) {
@@ -98,6 +97,10 @@ const NameAndBookmarkContainer = styled.div`
         display: flex;
         align-items: center;
         font-weight: 600;
+        &:hover {
+            transform: scale(1.05);
+            cursor: pointer;
+        }
     }
 
     & > div {