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

Network based block progressbar colors.

Browse Source
This commit is contained in:
softsimon 2020-05-10 21:50:32 +07:00
parent 4d53e897b4
commit ba3aba918a
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
5 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,7 +23,7 @@
<td class="d-none d-lg-block">{{ block.tx_count | number }}</td>
<td>
<div class="progress position-relative">
<div class="progress-bar progress-mempool" role="progressbar" [ngStyle]="{'width': (block.weight / 4000000)*100 + '%' }"></div>
<div class="progress-bar progress-mempool {{ network }}" role="progressbar" [ngStyle]="{'width': (block.weight / 4000000)*100 + '%' }"></div>
<div class="progress-text">{{ block.size | bytes: 2 }}</div>
</div>
</td>

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

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

2
frontend/src/app/components/mempool-block/mempool-block.component.html
View File

@ -29,7 +29,7 @@
<td>Filled</td>
<td>
<div class="progress position-relative">
<div class="progress-bar progress-mempool" role="progressbar" [ngStyle]="{'width': (mempoolBlock.blockVSize / 1000000) * 100 + '%' }"></div>
<div class="progress-bar progress-mempool {{ network }}" role="progressbar" [ngStyle]="{'width': (mempoolBlock.blockVSize / 1000000) * 100 + '%' }"></div>
<div class="progress-text">{{ mempoolBlock.blockSize | bytes: 2 }}</div>
</div>
</td>

4
frontend/src/app/components/mempool-block/mempool-block.component.scss
View File

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

12
frontend/src/styles.scss
View File

@ -375,3 +375,15 @@ h1, h2, h3 {
.header-bg {
font-size: 14px;
}
.progress-mempool {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #105fb0 0%, #9339f4 100%);
}
.progress-mempool.testnet {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #1d486f 0%, #183550 100%);
}
.progress-mempool.liquid {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #116761 0%, #183550 100%);
}