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;
}
}
}