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

Latest block design updates.

Browse Source
This commit is contained in:
softsimon
2020-02-29 23:42:50 +07:00
parent 39394e1178
commit 943d96ee8c
7 changed files with 42 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/components/latest-blocks/latest-blocks.component.html
View File

@@ -1,8 +1,8 @@
<table class="table table-borderless">
<thead>
<th style="width: 120px;">Height</th>
<th class="d-none d-md-block" style="width: 300px;">Timestamp</th>
<th style="width: 200px;">Mined</th>
<th style="width: 210px;">Height</th>
<th class="d-none d-md-block" style="width: 210px;">Timestamp</th>
<th style="width: 210px;">Mined</th>
<th style="width: 150px;">Transactions</th>
<th style="width: 175px;">Size</th>
<th class="d-none d-md-block">Filled</th>
@@ -16,7 +16,7 @@
<td>{{ block.size | bytes: 2 }}</td>
<td class="d-none d-md-block">
<div class="progress position-relative">
<div class="progress-bar bg-success" role="progressbar" [ngStyle]="{'width': (block.weight / 4000000)*100 + '%' }"></div>
<div class="progress-bar progress-mempool" role="progressbar" [ngStyle]="{'width': (block.weight / 4000000)*100 + '%' }"></div>
</div>
</td>
</tr>

3
frontend/src/app/components/latest-blocks/latest-blocks.component.scss
View File

@@ -0,0 +1,3 @@
.progress-mempool {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #105fb0 0%, #9339f4 100%);
}

2
frontend/src/app/components/latest-blocks/latest-blocks.component.ts
View File

@@ -37,7 +37,7 @@ export class LatestBlocksComponent implements OnInit, OnDestroy {
return;
}
if (block.height === this.blocks[0].height) {
if (block.height <= this.blocks[0].height) {
return;
}