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 3b0af92f..285db4b9 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx @@ -122,6 +122,7 @@ export default function UnableOption({ return null; }, [productInfo, rewd]); + const handleSMSClick = useCallback(() => { dispatch(setShowPopup(Config.ACTIVE_POPUP.smsPopup)); @@ -307,9 +308,11 @@ export default function UnableOption({ {targetReward && installmentMonths && (
- {$L("OR {price} with {months}-month financing") - .replace("{price}", targetReward) - .replace("{months}", installmentMonths)} +

+ {$L("OR {price} with {months}-month financing") + .replace("{price}", targetReward) + .replace("{months}", installmentMonths)} +

)} {promotionCode && ( 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 8a96c79c..296a738e 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 @@ -157,9 +157,13 @@ padding: 22px 30px; border-bottom: 1px solid @COLOR_GRAY02; background: @BG_COLOR_02; - color: @COLOR_GRAY05; - font-weight: bold; - font-size: 24px; + + .text { + font-weight: bold; + font-size: 24px; + color: @COLOR_GRAY05; + width: 540px; + } } .promotionContainer { @@ -193,7 +197,6 @@ .bottomContainer { .btnContainer { .size(@w: 846px , @h: 78px); - .flex(@justifyCenter:space-between); .smsBtn { min-width: 756px; @@ -208,6 +211,7 @@ line-height: 1.1; margin-top: 16px; width: 810px; + overflow: auto; } } }