Network based block progressbar colors.
This commit is contained in:
parent
4d53e897b4
commit
ba3aba918a
@ -23,7 +23,7 @@
|
|||||||
<td class="d-none d-lg-block">{{ block.tx_count | number }}</td>
|
<td class="d-none d-lg-block">{{ block.tx_count | number }}</td>
|
||||||
<td>
|
<td>
|
||||||
<div class="progress position-relative">
|
<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 class="progress-text">{{ block.size | bytes: 2 }}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
@ -1,7 +1,3 @@
|
|||||||
.progress-mempool {
|
|
||||||
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #105fb0 0%, #9339f4 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
background-color: #2d3348;
|
background-color: #2d3348;
|
||||||
}
|
}
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
<td>Filled</td>
|
<td>Filled</td>
|
||||||
<td>
|
<td>
|
||||||
<div class="progress position-relative">
|
<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 class="progress-text">{{ mempoolBlock.blockSize | bytes: 2 }}</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
@ -1,7 +1,3 @@
|
|||||||
.progress-mempool {
|
|
||||||
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #105fb0 0%, #9339f4 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
background-color: #2d3348;
|
background-color: #2d3348;
|
||||||
}
|
}
|
||||||
|
@ -375,3 +375,15 @@ h1, h2, h3 {
|
|||||||
.header-bg {
|
.header-bg {
|
||||||
font-size: 14px;
|
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%);
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user