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

4
frontend/package.json
View file

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

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

@ -7,7 +7,7 @@
</div> </div>
<div class="block-body"> <div class="block-body">
<div class="fees"> <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>
<div class="block-size">{{ block.size | bytes: 2 }}</div> <div class="block-size">{{ block.size | bytes: 2 }}</div>
<div class="transaction-count">{{ block.tx_count | number }} transactions</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; background-color: #2d3348;
} }
.progress-text {
position: absolute;
width: 100%;
text-align: center;
}
@media (min-width: 768px) { @media (min-width: 768px) {
.d-md-block { .d-md-block {
display: table-cell !important; display: table-cell !important;

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

@ -2,12 +2,6 @@
background-color: #2d3348; background-color: #2d3348;
} }
.progress-text {
position: absolute;
width: 100%;
text-align: center;
}
.title-block { .title-block {
color: #FFF; color: #FFF;
padding-top: 20px; 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> <a [routerLink]="['/mempool-block/' | relativeUrl, i]" class="blockLink">&nbsp;</a>
<div class="block-body" *ngIf="mempoolBlocks?.length"> <div class="block-body" *ngIf="mempoolBlocks?.length">
<div class="fees"> <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>
<div class="block-size">{{ projectedBlock.blockSize | bytes: 2 }}</div> <div class="block-size">{{ projectedBlock.blockSize | bytes: 2 }}</div>
<div class="transaction-count">{{ projectedBlock.nTx | number }} transactions</div> <div class="transaction-count">{{ projectedBlock.nTx | number }} transactions</div>

9
frontend/src/styles.scss
View file

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