mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 06:47:52 +01:00
Code Issues Projects Releases Wiki Activity

Bootstrap version update and progressbar fix.

Browse source 
Yellow fee text is now white.
This commit is contained in:
softsimon 2020-05-25 22:36:26 +07:00
parent ecbc3e7580
commit 0b74e6cba8
6 changed files with 12 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/package.json
View file

@ -41,7 +41,7 @@
"@angular/router": "~9.1.0",
"@ng-bootstrap/ng-bootstrap": "^5.3.0",
"@types/qrcode": "^1.3.4",
"bootstrap": "^4.4.1",
"bootstrap": "4.5.0",
"chartist": "^0.11.4",
"clipboard": "^2.0.4",
"ngx-infinite-scroll": "^8.0.1",

2
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
View file

@ -7,7 +7,7 @@
</div>
<div class="block-body">
<div class="fees">
<span class="yellow-color">~{{ block.medianFee | number:'1.0-0' }} sat/vB</span>
~{{ block.medianFee | 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>

6
frontend/src/app/components/latest-blocks/latest-blocks.component.scss
View file

@ -2,12 +2,6 @@
background-color: #2d3348;
}
.progress-text {
position: absolute;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.d-md-block {
display: table-cell !important;

6
frontend/src/app/components/mempool-block/mempool-block.component.scss
View file

@ -2,12 +2,6 @@
background-color: #2d3348;
}
.progress-text {
position: absolute;
width: 100%;
text-align: center;
}
.title-block {
color: #FFF;
padding-top: 20px;

2
frontend/src/app/components/mempool-blocks/mempool-blocks.component.html
View file

@ -5,7 +5,7 @@
<a [routerLink]="['/mempool-block/' | relativeUrl, i]" class="blockLink">&nbsp;</a>
<div class="block-body" *ngIf="mempoolBlocks?.length">
<div class="fees">
<span class="yellow-color">~{{ projectedBlock.medianFee | number:'1.0-0' }} sat/vB</span>
~{{ projectedBlock.medianFee | 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>

7
frontend/src/styles.scss
View file

@ -373,6 +373,13 @@ h1, h2, h3 {
font-size: 14px;
}
.progress-text {
position: absolute;
top: 8px;
width: 100%;
text-align: center;
}
.progress-mempool {
background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #105fb0 0%, #9339f4 100%);
}