ui update

src/main/ui/static/css/cardpay.css

@@ -125,7 +125,7 @@
     left: 0;
     bottom: 0;
     right: 0;
-    background: rgba(255, 255, 255, .4);
+    background: rgba(255, 255, 255, .8);
     display: block;
 }
 .loading-container.hide{
@@ -135,13 +135,16 @@
 .loading-container > .loading-box {
     position: relative;
     margin: auto;
-    background: #fff;
+    top: 50%;
+    transform: translateY(-50%);
 }
 
 .loading-container > .loading-box > .loading-text {
     display: block;
     text-align: center;
     font-size: 2em;
+    color: #aaa;
+    text-shadow: 2px -1px 4px;
 }
 
 .loading-container .loading {
@@ -156,7 +159,7 @@
     width: 20px;
     height: 20px;
     border-radius: 100%;
-    background-color: #3498db;
+    background-color: #ff6600;
     margin: 35px 5px;
     opacity: 0;
 }

src/main/ui/static/templates/payment/v1/card_pay.js

@@ -6,7 +6,6 @@ $(function () {
     let loading = $('.loading-container');
     cardFrame.onSuccess = function (secretData) {
         ctrl.pending = true;
-        loading.find('.loading-text').text('Paying...');
         loading.removeClass('hide');
         $.ajax({
             url: 'commit',