Fix responsiveness.

This commit is contained in:
softsimon 2020-07-16 14:36:02 +07:00
parent 87e56e2975
commit c5759be3ee
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
3 changed files with 51 additions and 45 deletions

View File

@ -4,24 +4,24 @@
<div class="clearfix"></div>
<div class="table-responsive-sm">
<table class="table table-borderless table-striped">
<thead>
<th style="width: 20%;">Hash</th>
<th style="width: 20%;">Total Sent (BSQ)</th>
<th style="width: 20%;">Transactions</th>
<th style="width: 20%;">Height</th>
<th style="width: 20%;">Time</th>
<th style="width: 25%;">Height</th>
<th style="width: 25%;">Timestamp</th>
<th style="width: 25%;">Total Sent (BSQ)</th>
<th style="width: 25%;">Transactions</th>
</thead>
<tbody *ngIf="!isLoading; else loadingTmpl">
<tr *ngFor="let block of blocks; trackBy: trackByFn">
<td><a [routerLink]="['/block/' | relativeUrl, block.hash]" title="{{ block.hash }}" [state]="{ data: { block: block } }">{{ block.hash | shortenString : 13 }}</a></td>
<td>{{ calculateTotalOutput(block) / 100 | number: '1.2-2' }}</td>
<td>{{ block.txs.length }}</td>
<td><a [routerLink]="['/block/' | relativeUrl, block.hash]" [state]="{ data: { block: block } }">{{ block.height }}</a></td>
<td>{{ block.time | date:'yyyy-MM-dd HH:mm' }}</td>
<td>{{ calculateTotalOutput(block) / 100 | number: '1.2-2' }}</td>
<td>{{ block.txs.length }}</td>
</tr>
</tbody>
</table>
</div>
<br>

View File

@ -4,6 +4,7 @@
<div class="clearfix"></div>
<div class="table-responsive-sm">
<table class="table table-borderless table-striped">
<thead>
<th style="width: 18%;">Transaction</th>
@ -31,6 +32,7 @@
</tr>
</tbody>
</table>
</div>
<br>

View File

@ -416,3 +416,7 @@ h1, h2, h3 {
background-color: #653b9c;
border-color: #3a1c61;
}
th {
white-space: nowrap;
}