From 0298dcf0f536fdc497bc7abe23789981de1f14c2 Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Fri, 15 Mar 2024 16:22:05 +0900
Subject: [PATCH] =?UTF-8?q?[TItemCard]=20style=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. 제목 출력부분 하단 잘림 현상
- height 변경, line-height 추가
2. Discount Font 변경
- GUI에 “Arial”과 “LG Smart”를 혼동으로 사용중임
 > “LG Smart”로 변경하여 font-weight로 조절
---
 .../components/TItemCard/TItemCard.module.less    | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 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 49da20f5..41b29bb0 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
@@ -30,7 +30,8 @@
       .size(@w: 60px, @h: 60px);
       border-radius: 60px;
       background-color: @PRIMARY_COLOR_RED;
-      .font(@fontFamily: "ArialBold", @fontSize:26px);
+      font-size: 26px;
+      font-weight: 600;
       text-align: center;
       line-height: 60px;
     }
@@ -111,7 +112,7 @@
   > div:nth-child(1) {
     position: relative;
     .size(@w: 288px, @h: 288px);
-    margin-bottom: 12px;
+    margin-bottom: 6px;
     color: @COLOR_WHITE;
 
     > img {
@@ -126,7 +127,8 @@
       .size(@w: 60px, @h: 60px);
       border-radius: 60px;
       background-color: @PRIMARY_COLOR_RED;
-      .font(@fontFamily: "ArialBold", @fontSize:26px);
+      font-size: 26px;
+      font-weight: 600;
       text-align: center;
       line-height: 60px;
     }
@@ -148,9 +150,9 @@
     flex-grow: 1;
 
     > h3 {
-      height: 60px;
-      margin-bottom: 6px;
+      height: 64px;
       font-weight: bold;
+      line-height: 1.33;
       font-size: 24px;
       color: @COLOR_GRAY06;
       .elip(@clamp:2);
@@ -162,6 +164,7 @@
       font-weight: bold;
       font-size: 30px;
       color: @PRIMARY_COLOR_RED;
+      margin-top: 8px;
 
       &.offerInfo {
         overflow: hidden;
@@ -174,7 +177,7 @@
 
         > span {
           margin-left: 5px;
-          font-weight: bold;
+          font-weight: normal;
           font-size: 18px;
           color: @COLOR_GRAY04;
           text-decoration: line-through;