mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-27 08:44:26 +01:00
Code Issues Projects Releases Wiki Activity

Restoring "fee span" on blocks.

Browse Source
This commit is contained in:
softsimon 2020-07-20 11:03:53 +07:00
parent 9fa95ccbe8
commit 7bbfbdb188
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
4 changed files with 30 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
View File

@ -9,9 +9,11 @@
<div class="fees">
~{{ block.medianFee | number:'1.0-0' }} sat/vB
</div>
<div class="fee-span">
{{ block.feeRange[0] | number:'1.0-0' }} - {{ block.feeRange[block.feeRange.length - 1] | number:'1.0-0' }} sat/vB
</div>
<div class="block-size">{{ block.size | bytes: 2 }}</div>
<div class="transaction-count">{{ block.tx_count | number }} transactions</div>
<br /><br />
<div class="time-difference"><app-time-since [time]="block.timestamp" [fastRender]="true"></app-time-since> ago</div>
</div>
</div>

20
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
View File

@ -33,21 +33,25 @@
}
.time-difference {
position: absolute;
bottom: 10px;
text-align: center;
width: 100%;
font-size: 14px;
}
.fees {
font-size: 14px;
margin-top: 12px;
margin-bottom: 6px;
font-size: 12px;
margin-top: 10px;
margin-bottom: 2px;
}
.fee-span {
font-size: 9px;
margin-bottom: 4px;
color: #fff000;
}
.transaction-count {
font-size: 12px;
font-size: 10px;
margin-top: 2px;
margin-bottom: 4px;
}
.block-height {

3
frontend/src/app/components/mempool-blocks/mempool-blocks.component.html
View File

@ -7,6 +7,9 @@
<div class="fees">
~{{ projectedBlock.medianFee | number:'1.0-0' }} sat/vB
</div>
<div class="fee-span">
{{ projectedBlock.feeRange[0] | number:'1.0-0' }} - {{ projectedBlock.feeRange[projectedBlock.feeRange.length - 1] | number:'1.0-0' }} sat/vB
</div>
<div class="block-size">{{ projectedBlock.blockSize | bytes: 2 }}</div>
<div class="transaction-count">{{ projectedBlock.nTx | number }} transactions</div>
<div class="time-difference" *ngIf="projectedBlock.blockVSize <= 1000000; else mergedBlock">

20
frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
View File

@ -38,21 +38,25 @@
}
.time-difference {
position: absolute;
bottom: 10px;
text-align: center;
width: 100%;
font-size: 14px;
}
.fees {
font-size: 14px;
margin-top: 12px;
margin-bottom: 6px;
font-size: 12px;
margin-top: 10px;
margin-bottom: 2px;
}
.fee-span {
font-size: 9px;
margin-bottom: 4px;
color: #fff000;
}
.transaction-count {
font-size: 12px;
font-size: 10px;
margin-top: 2px;
margin-bottom: 4px;
}
.bitcoin-block::after {