From 55509958570513f6f94fe3963550a0cbfdfc4f89 Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Mon, 26 Feb 2024 14:04:18 +0900
Subject: [PATCH] =?UTF-8?q?[TItemCard]=20VideoShow=20=EC=9D=BC=20=EA=B2=BD?=
 =?UTF-8?q?=EC=9A=B0=20=C2=A0=20Detail=20Notes=20:=20=C2=A0=201.=20Border?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80,=20focus=20=EB=90=98=EC=97=88=EC=9D=84?=
 =?UTF-8?q?=EB=95=8C=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/TItemCard/TItemCard.module.less  | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
index 62d9988d..efa9cfd5 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
@@ -190,21 +190,20 @@
   padding: 14px;
   background-color: @COLOR_WHITE;
   border-radius: 12px;
-  .border-solid(@size:4px,@color:transparent);
-  font-weight: bold;
+  .border-solid(@size:1px,@color:@COLOR_GRAY02);
   font-family: @baseFontBold;
+  position: relative;
 
   &:focus {
-    border: 4px solid @PRIMARY_COLOR_RED;
-    box-sizing: border-box;
-    .focused(@boxShadow: 22px, @borderRadius: 12px);
+    &::after {
+      .focused(@boxShadow: 22px, @borderRadius: 12px);
+    }
   }
   &.nonPosition {
     &:focus {
-      position: unset;
-      border: 4px solid @PRIMARY_COLOR_RED;
-      box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
-      border-radius: 12px;
+      &::after {
+        .focused(@boxShadow: 22px, @borderRadius: 12px);
+      }
     }
   }
   .imageWrap {