From e8d134321a9c6373225893ff7ad79c6ec35832d9 Mon Sep 17 00:00:00 2001 From: dongyoungKo Date: Thu, 29 May 2025 10:43:41 +0900 Subject: [PATCH] =?UTF-8?q?=ED=94=84=EB=A1=9C=EB=AA=A8=EC=85=98=20?= =?UTF-8?q?=EC=83=81=ED=92=88=20css=20=EB=B0=8F=20tooltip=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../DetailPanel/UnableProduct/UnableOption.jsx | 13 ++++++++++++- .../UnableProduct/UnableOption.module.less | 6 +++--- 2 files changed, 15 insertions(+), 4 deletions(-) diff --git a/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx b/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx index c58a379f..8ab22bf2 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx @@ -43,6 +43,15 @@ export default function UnableOption({ productInfo?.favorYn ); const tooltipDes = $L("Scan for more information about the product."); + const promotionTooltip = ( + <> + Scan for more information about the product. +
+ and +
+ enter the promo code + + ); const { price5, priceInfo, rewd, offerInfo, patncNm, installmentMonths } = productInfo; @@ -316,7 +325,9 @@ export default function UnableOption({ )}
-
{tooltipDes}
+
+ {promotionCode ? promotionTooltip : tooltipDes} +
} diff --git a/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.module.less b/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.module.less index 5c91f015..1ac4f263 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.module.less @@ -176,20 +176,20 @@ margin-top: 15px; align-items: center; > div { - height: 29px; + height: 38px; display: flex; align-items: center; background-color: #ff871d; border-radius: 8px; border: solid 0 #25201c; - font-size: 24px; + font-size: 34px; font-weight: 600; color: #fff; padding: 0 9px 0 11px; } > h3 { - font-size: 28px; + font-size: 42px; color: #ff871d; font-weight: bold; margin-left: 9px;