From 36917c367cee409ad11d8d377ed434144364eb71 Mon Sep 17 00:00:00 2001
From: chaeseungyun <thslr57@naver.com>
Date: Thu, 21 Nov 2024 19:32:04 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=B0=B0?=
 =?UTF-8?q?=EB=84=88=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/EventCarousel/EventCarousel.module.scss    | 7 ++++---
 .../Store/StorePage/components/EventCarousel/index.tsx    | 8 +++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/pages/Store/StorePage/components/EventCarousel/EventCarousel.module.scss b/src/pages/Store/StorePage/components/EventCarousel/EventCarousel.module.scss
index eb5ad99b..8c5dc925 100644
--- a/src/pages/Store/StorePage/components/EventCarousel/EventCarousel.module.scss
+++ b/src/pages/Store/StorePage/components/EventCarousel/EventCarousel.module.scss
@@ -43,11 +43,12 @@
 
   &__image {
     display: flex;
+    justify-content: flex-end;
     height: 100%;
 
     img {
+      max-width: 196px;
       border-radius: 5px;
-      width: 100%;
       object-fit: cover;
     }
 
@@ -60,7 +61,7 @@
       background: linear-gradient(
         to right,
         #f5f5f5 50%,
-        #f5f5f5e6 60%,
+        #f5f5f5e6 70%,
         transparent 100%
       );
 
@@ -86,7 +87,7 @@
 
   &__text {
     position: absolute;
-    padding-left: 20px;
+    padding-left: 30px;
     top: 30px;
     font-size: 18px;
     font-weight: 500;
diff --git a/src/pages/Store/StorePage/components/EventCarousel/index.tsx b/src/pages/Store/StorePage/components/EventCarousel/index.tsx
index 0c709a6b..fa69dc81 100644
--- a/src/pages/Store/StorePage/components/EventCarousel/index.tsx
+++ b/src/pages/Store/StorePage/components/EventCarousel/index.tsx
@@ -85,14 +85,12 @@ function EventCarousel() {
   if (!carouselList) return null;
   if (carouselList.length < 1) return null;
 
-  const targetList = carouselList.length > 10 ? carouselList?.slice(0, 10) : carouselList;
-
   if (isMobile) {
     return (
       <div className={styles.carousel}>
         <div className={styles.container} ref={emblaRef}>
           <div className={styles.swipe}>
-            {targetList.map((item) => (
+            {carouselList.slice(0, 10).map((item) => (
               <Card
                 shop_id={String(item.shop_id)}
                 event_id={item.event_id}
@@ -146,7 +144,7 @@ function EventCarousel() {
       }
       <div className={styles.container} ref={emblaRef}>
         <div className={styles.swipe}>
-          {targetList.map((item) => (
+          {carouselList.map((item) => (
             <Card
               shop_id={String(item.shop_id)}
               event_id={item.event_id}
@@ -155,7 +153,7 @@ function EventCarousel() {
               onClick={() => eventLogging(item.shop_name)}
             />
           ))}
-          {targetList.length % 2 !== 0 && <PCEmptyCard />}
+          {carouselList.length % 2 !== 0 && <PCEmptyCard />}
         </div>
       </div>
       {