increase font size for the whole system

This commit is contained in:
omair saleh
2021-06-18 00:20:44 +08:00
parent e79d641d6d
commit d5bd2b8777
83 changed files with 437 additions and 437 deletions
@@ -5,14 +5,14 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="font-heading all-caps bold fs-10">Transfer Summary</div>
<div class="font-heading all-caps bold fs-12">Transfer Summary</div>
</div>
</div>
<div class="row align-items-end">
<div class="col-2">
<div class="row">
<div class="col">
<div class="font-heading fs-10">{{this.data.serviceType.name}}</div>
<div class="font-heading fs-12">{{this.data.serviceType.name}}</div>
</div>
</div>
<div class="row">
@@ -25,7 +25,7 @@
<div class="col-2">
<div class="row">
<div class="col">
<div class="font-heading fs-12 bold text-primary">{{this.data.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-14 bold text-primary">{{this.data.serviceType.selectedCurrency.short_code}}</div>
</div>
</div>
<div class="row">
@@ -37,7 +37,7 @@
<div class="col">
<div class="row">
<div class="col">
<div class="font-heading fs-12 bold text-primary">{{(Math.round((parseFloat(this.data.amount.replace(",", "")) + Number.EPSILON) * 100) / 100).toFixed(2)}} {{this.parameters.type === 0 ? 'MYR': this.data.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-14 bold text-primary">{{(Math.round((parseFloat(this.data.amount.replace(",", "")) + Number.EPSILON) * 100) / 100).toFixed(2)}} {{this.parameters.type === 0 ? 'MYR': this.data.serviceType.selectedCurrency.short_code}}</div>
</div>
</div>
<div class="row">
@@ -53,7 +53,7 @@
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps bold fs-10">Recipient Details</div>
<div class="font-heading all-caps bold fs-12">Recipient Details</div>
</div>
</div>
<div class="row">
@@ -64,10 +64,10 @@
<!--<div class="col-auto p-l-0">-->
<!--<div class="row align-items-center justify-content-center">-->
<!--<div class="col-auto">-->
<!--<div class="fs-10 all-caps">Recipient Bank Account</div>-->
<!--<div class="fs-12 all-caps">Recipient Bank Account</div>-->
<!--</div>-->
<!--<div class="col-auto text-right lh-10 p-r-0 p-l-0 hide">-->
<!--<i class="fa fa-info-circle fs-10 lh-15 hint-text"></i>-->
<!--<i class="fa fa-info-circle fs-12 lh-15 hint-text"></i>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
@@ -170,7 +170,7 @@
<div class="col">
<div class="row m-b-15">
<div class="col">
<div class="font-heading all-caps bold fs-10">Transfer Amount and Charges</div>
<div class="font-heading all-caps bold fs-12">Transfer Amount and Charges</div>
<div class="font-heading fs-8 muted all-caps">** These are the rate as of <span class="text-danger">{{this.parameters.calculation.date}}</span>, all charges and rates are subject to change when making payment</div>
</div>
</div>
@@ -178,57 +178,57 @@
<div class="col">
<div class="row align-items-end bg-master-lightest p-t-10 p-b-10">
<div class="col">
<div class="font-heading fs-10 all-caps">Amount you are Transferring</div>
<div class="font-heading fs-12 all-caps">Amount you are Transferring</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10 bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-12 bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10 bold">{{(Math.round((parseFloat(this.parameters.amount.replace(",", ""))+ Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12 bold">{{(Math.round((parseFloat(this.parameters.amount.replace(",", ""))+ Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end p-t-10 p-b-10">
<div class="col">
<div class="font-heading fs-10 all-caps text-primary">Exchange Rate</div>
<div class="font-heading fs-12 all-caps text-primary">Exchange Rate</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10"></div>
<div class="font-heading fs-12"></div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10 text-primary bold">{{(Math.round((this.parameters.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}}</div>
<div class="font-heading fs-12 text-primary bold">{{(Math.round((this.parameters.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}}</div>
</div>
</div>
<div class="row align-items-end bg-master-lightest p-t-10 p-b-10">
<div class="col">
<div class="font-heading fs-10 all-caps">Money Transfer Fee</div>
<div class="font-heading fs-12 all-caps">Money Transfer Fee</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10">MYR</div>
<div class="font-heading fs-12">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">{{(Math.round((this.parameters.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end p-t-10 p-b-10">
<div class="col text-right">
<div class="font-heading fs-10 all-caps">Sub-Total</div>
<div class="font-heading fs-12 all-caps">Sub-Total</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10">MYR</div>
<div class="font-heading fs-12">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">{{(Math.round((this.parameters.calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end bg-master-lightest p-t-10 p-b-10">
<div class="col text-right">
<div class="font-heading fs-10 all-caps">Tax</div>
<div class="font-heading fs-12 all-caps">Tax</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
<div class="font-heading fs-12">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">{{(Math.round((this.parameters.calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end p-t-10 p-b-10">