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

Tweak projected blocks to match blockchain blocks, tweak font size

Browse Source
This commit is contained in:
wiz 2020-03-13 22:14:00 +09:00
parent fd4d0123d1
commit 79f85ebf47
No known key found for this signature in database
GPG Key ID: A394E332255A6173
3 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -41,7 +41,7 @@
} }
.fees { .fees {
font-size: 14px; font-size: 18px;
margin-top: 10px; margin-top: 10px;
margin-bottom: 2px; margin-bottom: 2px;
} }

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

@ -4,9 +4,7 @@
<div class="bitcoin-block text-center mempool-block" id="mempool-block-{{ i }}" [ngStyle]="getStyleForMempoolBlockAtIndex(i)"> <div class="bitcoin-block text-center mempool-block" id="mempool-block-{{ i }}" [ngStyle]="getStyleForMempoolBlockAtIndex(i)">
<div class="block-body" *ngIf="mempoolBlocks?.length"> <div class="block-body" *ngIf="mempoolBlocks?.length">
<div class="fees"> <div class="fees">
~{{ projectedBlock.medianFee | ceil }} sat/vB <span class="yellow-color">~{{ projectedBlock.medianFee | ceil }} sat/vB</span>
<br/>
<span class="yellow-color">{{ projectedBlock.feeRange[0] | ceil }} - {{ projectedBlock.feeRange[projectedBlock.feeRange.length - 1] | ceil }} sat/vB</span>
</div> </div>
<div class="block-size">{{ projectedBlock.blockSize | bytes: 2 }}</div> <div class="block-size">{{ projectedBlock.blockSize | bytes: 2 }}</div>
<div class="transaction-count">{{ projectedBlock.nTx }} transactions</div> <div class="transaction-count">{{ projectedBlock.nTx }} transactions</div>

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

@ -45,7 +45,7 @@
} }
.fees { .fees {
font-size: 10px; font-size: 18px;
margin-top: 10px; margin-top: 10px;
margin-bottom: 2px; margin-bottom: 2px;
} }