src/app/components/payments/empty-payment-list/empty-payment-list.component.ts
| selector | app-empty-payment-list |
| styleUrls | ./empty-payment-list.component.css |
| templateUrl | ./empty-payment-list.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-empty-payment-list',
templateUrl: './empty-payment-list.component.html',
styleUrls: ['./empty-payment-list.component.css']
})
export class EmptyPaymentListComponent implements OnInit {
constructor() {}
ngOnInit() {}
}
<div id="emptyPaymentsListCtn" class="empty-page-ctn">
<i class="material-icons status-normal">compare_arrows</i>
<h3 id="noTransfersHeader" class="status-header status-normal"> No Transfers Have Been Made</h3>
<div class="page-description">
<p class="para-medium">When you transfer money we will show your past 60 days of history here.</p>
</div>
<a [routerLink]="['/start']">
<button id="sendMoneyButton" type="button" class="action-button">
<p class="button-inside">Send Money</p>
</button>
</a>
</div>
./empty-payment-list.component.css
svg {
width: 130px;
height: 130px;
margin: 0px 0px 15px 0px;
}
#emptyPaymentsListCtn {
margin-top:110px;
}