Update: Adds amount received on payment received overlay on Receive tab

This commit is contained in:
Sam Cheng Hung 2018-03-29 14:14:43 +09:00
commit 124684b5a1
4 changed files with 32 additions and 3 deletions

View file

@ -10735,6 +10735,15 @@ textarea.d-block {
bottom: 0;
width: 100%; }
#tab-receive .payment-received-container {
margin: 0 20px; }
#tab-receive .payment-received-container .payment-received-amount {
font-size: 1.8em;
display: block;
margin: 15px auto; }
#tab-receive .payment-received-container .payment-received-currency {
text-transform: uppercase; }
#tab-scan {
color: #fff;
text-align: center;

View file

@ -54,14 +54,15 @@
</div>
</div>
<!-- animation for payment received -->
<div ng-show="showingPaymentReceived" ng-click="showingPaymentReceived = false">
<div class="payment-received-container" ng-show="showingPaymentReceived" ng-click="showingPaymentReceived = false">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
<circle class="path circle" fill="none" stroke="#19B234" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/>
<polyline class="path check" fill="none" stroke="#19B234" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/>
</svg>
<p class="success animated fadeIn">
<br/>Payment Received!<br/>
<br/>Return To Address<br/>
<br/>Payment Received!
<span class="payment-received-amount">{{ paymentReceivedAmount }} <span class="payment-received-currency">{{ paymentReceivedCoin }}</span></span>
Return To Address<br/>
</p>
</div>
<!-- end of animation -->