From 1d006ee9d80ed42561f5b84e178726d4a64031a8 Mon Sep 17 00:00:00 2001
From: yixian <astro.dai@royalpay.com.au>
Date: Fri, 14 May 2021 10:27:24 +0800
Subject: [PATCH] =?UTF-8?q?3ds=20=E6=B5=81=E7=A8=8B=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/ui/static/css/cardpay.css                  | 10 ++++++++++
 src/main/ui/static/templates/payment/v1/card_pay.js |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/main/ui/static/css/cardpay.css b/src/main/ui/static/css/cardpay.css
index 30a402cbc..822a488a7 100644
--- a/src/main/ui/static/css/cardpay.css
+++ b/src/main/ui/static/css/cardpay.css
@@ -212,8 +212,18 @@
     overflow: auto;
 }
 
+.threeds-container .dialog>.title{
+    width: 100%;
+    display: block;
+    padding: 5px;
+    background: #ff6633;
+    color: white;
+    font-size: 1.2em;
+}
+
 .threeds-container .dialog>iframe{
     border: none;
     width: 100%;
+    height: 400px;
 }
 
diff --git a/src/main/ui/static/templates/payment/v1/card_pay.js b/src/main/ui/static/templates/payment/v1/card_pay.js
index fe2005fb2..3b3262131 100644
--- a/src/main/ui/static/templates/payment/v1/card_pay.js
+++ b/src/main/ui/static/templates/payment/v1/card_pay.js
@@ -16,7 +16,7 @@ $(function () {
         $('<input>').attr('name', 'TermUrl').val(threeDsParams.term_url).attr('type', 'hidden').appendTo(form);
         $('body').append(form);
         window.threeds_success = function (success, errorCode, errorMsg) {
-            $('#threeds-frame').addClass('hide');
+            $('.threeds-container').addClass('hide');
             if (success) {
                 location.href = './result'
             } else {
@@ -24,7 +24,7 @@ $(function () {
             }
         }
         form.submit();
-        $('#threeds-frame').removeClass('hide')
+        $('.threeds-container').removeClass('hide')
     }
 
     cardFrame.onSuccess = function (secretData) {