From 167ddd193ab21633e36eac778fd4b3b6022a0fb2 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Tue, 6 Feb 2024 09:52:42 +0900
Subject: [PATCH] =?UTF-8?q?[Homepanel]PopularShow=20=EC=8A=A4=ED=8C=9F?=
 =?UTF-8?q?=EB=B6=80=EB=B6=84=20=EC=A0=95=EC=83=81=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EC=95=8A=EB=8D=98=EB=B6=80=EB=B6=84=20=EC=B2=98=EB=A6=AC?=
 =?UTF-8?q?=EA=B1=B4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HomePanel/PopularShowItem/PopularShowItem.jsx     |  2 +-
 .../PopularShowItem/PopularShowItem.module.less       | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.jsx b/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.jsx
index 94ac67ad..2ad08bef 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.jsx
@@ -9,7 +9,6 @@ import css from "./PopularShowItem.module.less";
 const SpottableComponent = Spottable("li");
 
 export default function PopularShowItem({ topInfosData, itemNum, ...rest }) {
-  console.log("###ttttt", itemNum);
   return (
     <SpottableComponent
       className={classNames(
@@ -17,6 +16,7 @@ export default function PopularShowItem({ topInfosData, itemNum, ...rest }) {
           ? css.listItemVertical
           : css.listItem
       )}
+      {...rest}
     >
       <img src={itemNum.thumbnailUrl960} className={css.itemImg} />
       <div
diff --git a/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.module.less b/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.module.less
index f2e55ee3..f93737ca 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.module.less
+++ b/com.twin.app.shoptime/src/views/HomePanel/PopularShowItem/PopularShowItem.module.less
@@ -47,6 +47,17 @@
   border-radius: 12px;
   border: solid 1px @COLOR_GRAY02;
   box-sizing: border-box;
+  margin-right: 18px;
+  border: 4px solid transparent;
+  box-sizing: border-box;
+  &:focus,
+  &:hover,
+  &:focus-within,
+  &:active {
+    border: 4px solid @PRIMARY_COLOR_RED;
+    box-sizing: border-box;
+    .focusDropShadow();
+  }
   > img {
     width: 228px;
     height: 402px;