From 0870ba07c7a84dd569ec73643849c3873cbd083b Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Mon, 11 Mar 2024 14:33:06 +0900
Subject: [PATCH] =?UTF-8?q?[components]=20TItemCard,=20Chorome38=20style?=
 =?UTF-8?q?=20issue=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. horizontal type, 이미지 영역과 컨텐츠 영역이 겹치는 문제 수정
2. vertical type, title 라인에 따라 컨텐츠 영역이 변경되는 문제 수정
---
 .../src/components/TItemCard/TItemCard.module.less           | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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 6929aa90..3283c0db 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
@@ -14,11 +14,12 @@
   // left contents (image contetns)
   > div:nth-child(1) {
     position: relative;
+    .size(@w: 200px, @h: 200px);
     margin-right: 20px;
     color: @COLOR_WHITE;
 
     img {
-      .size(@w: 200px, @h: 200px);
+      .size(@w: inherit, @h: inherit);
       object-fit: cover;
       border: solid 1px #f0f0f0;
     }
@@ -48,6 +49,7 @@
   > div:nth-child(2) {
     .flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start);
     flex-grow: 1;
+    width: 404px;
     padding: 12px 0;
 
     h3 {
@@ -132,6 +134,7 @@
     flex-grow: 1;
 
     h3 {
+      height: 60px;
       margin-bottom: 6px;
       .font(@fontFamily: @baseFontBold, @fontSize: 24px);
       color: @COLOR_GRAY06;