프로모션 상품 css 및 tooltip 변경
This commit is contained in:
@@ -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.
|
||||
<br />
|
||||
and
|
||||
<br />
|
||||
enter the promo code
|
||||
</>
|
||||
);
|
||||
|
||||
const { price5, priceInfo, rewd, offerInfo, patncNm, installmentMonths } =
|
||||
productInfo;
|
||||
@@ -316,7 +325,9 @@ export default function UnableOption({
|
||||
)}
|
||||
|
||||
<div className={css.tooltip}>
|
||||
<div className={css.tooltipBody}>{tooltipDes}</div>
|
||||
<div className={css.tooltipBody}>
|
||||
{promotionCode ? promotionTooltip : tooltipDes}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user