machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix responsiveness.

Browse Source
This commit is contained in:
softsimon
2020-07-16 14:36:02 +07:00
parent f7dd46c6c7
commit afc19b39d9
3 changed files with 51 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
frontend/src/app/bisq/bisq-transactions/bisq-transactions.component.html
View File

@@ -4,33 +4,35 @@
<div class="clearfix"></div>
<table class="table table-borderless table-striped">
<thead>
<th style="width: 18%;">Transaction</th>
<th style="width: 20%;">Type</th>
<th style="width: 15%;">Total Sent (BSQ)</th>
<th style="width: 10%;">Outputs</th>
<th style="width: 12%;">Block Height</th>
<th style="width: 15%;">Block Time</th>
</thead>
<tbody *ngIf="!isLoading; else loadingTmpl">
<tr *ngFor="let tx of transactions; trackBy: trackByFn">
<td><a [routerLink]="['/tx/' | relativeUrl, tx.id]" [state]="{ data: tx }">{{ tx.id | shortenString : 16 }}</a></td>
<td><app-bisq-icon class="mr-1" [txType]="tx.txType"></app-bisq-icon> {{ tx.txTypeDisplayString }}</td>
<td>
<ng-template [ngIf]="tx.txType === 'PAY_TRADE_FEE'" [ngIfElse]="defaultTxType">
{{ tx.burntFee / 100 | number: '1.2-2' }}
</ng-template>
<ng-template #defaultTxType>
{{ calculateTotalOutput(tx.outputs) / 100 | number: '1.2-2' }}
</ng-template>
</td>
<td>{{ tx.outputs.length }}</td>
<td><a [routerLink]="['/block/' | relativeUrl, tx.blockHash]">{{ tx.blockHeight }}</a></td>
<td>{{ tx.time | date:'yyyy-MM-dd HH:mm' }}</td>
</tr>
</tbody>
</table>
<div class="table-responsive-sm">
<table class="table table-borderless table-striped">
<thead>
<th style="width: 18%;">Transaction</th>
<th style="width: 20%;">Type</th>
<th style="width: 15%;">Total Sent (BSQ)</th>
<th style="width: 10%;">Outputs</th>
<th style="width: 12%;">Block Height</th>
<th style="width: 15%;">Block Time</th>
</thead>
<tbody *ngIf="!isLoading; else loadingTmpl">
<tr *ngFor="let tx of transactions; trackBy: trackByFn">
<td><a [routerLink]="['/tx/' | relativeUrl, tx.id]" [state]="{ data: tx }">{{ tx.id | shortenString : 16 }}</a></td>
<td><app-bisq-icon class="mr-1" [txType]="tx.txType"></app-bisq-icon> {{ tx.txTypeDisplayString }}</td>
<td>
<ng-template [ngIf]="tx.txType === 'PAY_TRADE_FEE'" [ngIfElse]="defaultTxType">
{{ tx.burntFee / 100 | number: '1.2-2' }}
</ng-template>
<ng-template #defaultTxType>
{{ calculateTotalOutput(tx.outputs) / 100 | number: '1.2-2' }}
</ng-template>
</td>
<td>{{ tx.outputs.length }}</td>
<td><a [routerLink]="['/block/' | relativeUrl, tx.blockHash]">{{ tx.blockHeight }}</a></td>
<td>{{ tx.time | date:'yyyy-MM-dd HH:mm' }}</td>
</tr>
</tbody>
</table>
</div>
<br>