coupon popup css

com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleOption.jsx

@@ -186,6 +186,7 @@ export default function SingleOption({
   const handleCouponClick = useCallback(
     (idx, promotion) => {
       if (promotion === "SPECIAL PROMOTION") {
+        console.log("#shoptimeCoupon", shoptiemCoupon);
         setSelectedCoupon(shoptiemCoupon);
       } else if (promotion === "SHOPTIME PROMOTION") {
         setSelectedCoupon(partnerCoupon);
@@ -550,7 +551,9 @@ export default function SingleOption({
               />
             )}
           </div>
-          <div>{`1/${selectedCoupon?.length}`}</div>
+          <div
+            className={css.couponRemain}
+          >{`1/${selectedCoupon?.length}`}</div>
         </TPopUp>
       )}
     </div>

com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleOption.module.less

@@ -236,13 +236,6 @@
       background-image: url(../../../../assets/images/icons/ic-heart-nor@3x.png);
       .imgElement(54px, 54px, center, center);
     }
-
-    .couponRemain {
-      font-size: 24px;
-      font-weight: bold;
-      color: #808080;
-      text-align: center;
-    }
   }
 
   .itemContainer {
@@ -344,3 +337,12 @@
     }
   }
 }
+
+.couponRemain {
+  font-size: 24px;
+  font-weight: bold;
+  color: #808080;
+  text-align: center;
+
+  margin-top: 20px;
+}