Suggested by merchant.
This commit is contained in:
parent
e29f97eddf
commit
09f627ea51
3 changed files with 27 additions and 14 deletions
|
|
@ -1,7 +1,7 @@
|
||||||
.fee-summary {
|
.fee-summary {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
flex-direction: column;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 5px 12px 15px;
|
padding: 5px 12px 15px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
@ -17,17 +17,23 @@
|
||||||
background: linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 100%);
|
background: linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fee-fiat {
|
.amount {
|
||||||
&.positive {
|
display: flex;
|
||||||
color: #70955F;
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.fee-fiat {
|
||||||
|
&.positive {
|
||||||
|
color: #70955F;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.negative {
|
||||||
|
color: #C24633;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.negative {
|
.fee-crypto {
|
||||||
color: #C24633;
|
color: #A7A7A7;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fee-crypto {
|
|
||||||
color: #A7A7A7;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
@ -14,4 +14,8 @@
|
||||||
.shapeshift-banner, .bitpay-banner {
|
.shapeshift-banner, .bitpay-banner {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.warning {
|
||||||
|
color: $v-warning-color-2;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -82,10 +82,13 @@
|
||||||
</ion-content>
|
</ion-content>
|
||||||
|
|
||||||
<div class="fee-summary">
|
<div class="fee-summary">
|
||||||
<div class="fee-fiat positive" ng-if="vm.feeLessThanACent">Fee: Less than 1 cent</div>
|
<div ng-if="vm.thirdParty && vm.thirdParty.id === 'bip70'" translate="">Suggested by merchant:</div>
|
||||||
<div class="fee-fiat" ng-class="vm.feeIsHigh ? 'negative' : 'positive'" ng-if="!vm.feeLessThanACent">Fee: {{vm.feeFiat}} {{vm.feeCurrency}}</div>
|
<div class="amount">
|
||||||
<div class="fee-crypto" ng-if="vm.feeCrypto">
|
<div class="fee-fiat positive" ng-if="vm.feeLessThanACent">Fee: Less than 1 cent</div>
|
||||||
{{vm.feeCrypto}} {{vm.origin.currency}}
|
<div class="fee-fiat" ng-class="vm.feeIsHigh ? 'negative' : 'positive'" ng-if="!vm.feeLessThanACent">Fee: {{vm.feeFiat}} {{vm.feeCurrency}}</div>
|
||||||
|
<div class="fee-crypto" ng-if="vm.feeCrypto">
|
||||||
|
{{vm.feeCrypto}} {{vm.origin.currency}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue