2f8f3ca2e9
* New concept for dashboard layout components. * Align dashboard componentes. * Add divider to fee box component. * Remove TV icon from mobile and tablet queries. * Fix form input overflow. * Add responsive css to statistic component. * Add responsive css to about page. * Add global padding bottom. * Fix graph page styles. * Add responsive chart and scrollable table. * Fix mobile css query for navbar menus. * Fix pagination responsive css. * Add CSS animated logo. * Revert "Add CSS animated logo." This reverts commit 92af38294c0d4fe815a801b37635cde7f8ee1ced. * Add extra skeleton to fee-box-component. * Fix latest-blocks and latest-transactions table css. * Adapt Bisq pages to responsive layout. * Remove parenthesis from fiat amout. Fiat prive break not break on desktop. Transaction ID align left. Fee box skeleton width resize. * Fix mobile table text-size. * Fix dashboard mempool info mobile alignment.
40 lines
1.7 KiB
HTML
40 lines
1.7 KiB
HTML
<div class="container-xl">
|
|
<h1 style="float: left;" i18n="Bisq blocks header">BSQ Blocks</h1>
|
|
<br>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<ng-container *ngIf="{ value: (blocks$ | async) } as blocks">
|
|
|
|
<div class="table-responsive-sm">
|
|
<table class="table table-borderless table-striped">
|
|
<thead>
|
|
<th style="width: 25%;" i18n="Bisq block height header">Height</th>
|
|
<th style="width: 25%;" i18n="Bisq block confirmed time header">Confirmed</th>
|
|
<th style="width: 25%;" i18n="Bisq block total BSQ tokens sent header">Total sent</th>
|
|
<th class="d-none d-md-block" style="width: 25%;" i18n="Bisq block transactions title">Transactions</th>
|
|
</thead>
|
|
<tbody *ngIf="blocks.value; else loadingTmpl">
|
|
<tr *ngFor="let block of blocks.value[0]; trackBy: trackByFn">
|
|
<td><a [routerLink]="['/block/' | relativeUrl, block.hash]" [state]="{ data: { block: block } }">{{ block.height }}</a></td>
|
|
<td><app-time-since [time]="block.time / 1000" [fastRender]="true"></app-time-since></td>
|
|
<td>{{ calculateTotalOutput(block) / 100 | number: '1.2-2' }} <span class="symbol">BSQ</span></td>
|
|
<td class="d-none d-md-block">{{ block.txs.length }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<br>
|
|
<div class="pagination">
|
|
<ngb-pagination *ngIf="blocks.value" [size]="paginationSize" [collectionSize]="blocks.value[1]" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true"></ngb-pagination>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
|
|
<ng-template #loadingTmpl>
|
|
<tr *ngFor="let i of loadingItems">
|
|
<td *ngFor="let j of [1, 2, 3, 4]"><span class="skeleton-loader"></span></td>
|
|
</tr>
|
|
</ng-template>
|