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

CSS updates.

Browse source
This commit is contained in:
Simon Lindh 2019-07-23 18:36:55 +03:00
parent e56b828ade
commit 1d65ae533b
5 changed files with 1 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,26 +1,20 @@
<div class="blocks-container" *ngIf="blocks.length"> <div class="blocks-container" *ngIf="blocks.length">
<div *ngFor="let block of blocks; let i = index; trackBy: trackByBlocksFn" > <div *ngFor="let block of blocks; let i = index; trackBy: trackByBlocksFn" >
<div (click)="openBlockModal(block);" class="text-center bitcoin-block mined-block" id="bitcoin-block-{{ block.height }}" [ngStyle]="getStyleForBlock(block)"> <div (click)="openBlockModal(block);" class="text-center bitcoin-block mined-block" id="bitcoin-block-{{ block.height }}" [ngStyle]="getStyleForBlock(block)">
<div class="block-height"> <div class="block-height">
<a href="https://www.blockstream.info/block-height/{{ block.height }}" target="_blank">#{{ block.height }}</a> <a href="https://www.blockstream.info/block-height/{{ block.height }}" target="_blank">#{{ block.height }}</a>
</div> </div>
<div class="block-body"> <div class="block-body">
<div class="fees"> <div class="fees">
~{{ block.medianFee | ceil }} sat/vB ~{{ block.medianFee | ceil }} sat/vB
<br/> <br/>
<span class="yellow-color">{{ block.minFee | ceil }} - {{ block.maxFee | ceil }} sat/vB</span> <span class="yellow-color">{{ block.minFee | ceil }} - {{ block.maxFee | ceil }} sat/vB</span>
</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.nTx }} transactions</div> <div class="transaction-count">{{ block.nTx }} transactions</div>
<br /><br /> <br /><br />
<div class="time-difference">{{ getTimeSinceMined(block) }} ago</div> <div class="time-difference">{{ getTimeSinceMined(block) }} ago</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

28
frontend/src/app/blockchain-blocks/blockchain-blocks.component.scss
View file

@ -21,21 +21,10 @@
left: 40px; left: 40px;
} }
.projected-block {
position: absolute;
top: 0;
}
.block-body { .block-body {
text-align: center; text-align: center;
} }
@keyframes opacityPulse {
0% {opacity: 0.7;}
50% {opacity: 1.0;}
100% {opacity: 0.7;}
}
.time-difference { .time-difference {
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
@ -50,15 +39,6 @@
margin-bottom: 2px; margin-bottom: 2px;
} }
.btcblockmiddle {
height: 18px;
}
.breakRow {
height: 30px;
margin-top: 20px;
}
.yellow-color { .yellow-color {
color: #ffd800; color: #ffd800;
} }
@ -111,14 +91,6 @@
transform: skewY(50deg); transform: skewY(50deg);
transform-origin: top; transform-origin: top;
} }
.projected-block.bitcoin-block::after {
background-color: #403834;
}
.projected-block.bitcoin-block::before {
background-color: #2d2825;
}
} }
.black-background { .black-background {

15
frontend/src/app/blockchain-projected-blocks/blockchain-projected-blocks.component.scss
View file

@ -55,15 +55,6 @@
margin-bottom: 2px; margin-bottom: 2px;
} }
.btcblockmiddle {
height: 18px;
}
.breakRow {
height: 30px;
margin-top: 20px;
}
.yellow-color { .yellow-color {
color: #ffd800; color: #ffd800;
} }
@ -78,12 +69,6 @@
left: -165px; left: -165px;
top: -40px; top: -40px;
} }
.block-height {
bottom: 125px;
left: inherit;
text-shadow: inherit;
z-index: inherit;
}
} }
@media (min-width: 768px) { @media (min-width: 768px) {

11
frontend/src/app/blockchain/blockchain.component.scss
View file

@ -1,14 +1,3 @@
.projected-block {
position: absolute;
top: 0;
}
@keyframes opacityPulse {
0% {opacity: 0.7;}
50% {opacity: 1.0;}
100% {opacity: 0.7;}
}
#divider { #divider {
width: 3px; width: 3px;
height: 3000px; height: 3000px;

3
frontend/src/app/blockchain/blockchain.component.ts
View file

@ -4,9 +4,6 @@ import { retryWhen, tap } from 'rxjs/operators';
import { MemPoolService } from '../services/mem-pool.service'; import { MemPoolService } from '../services/mem-pool.service';
import { ApiService } from '../services/api.service'; import { ApiService } from '../services/api.service';
import { ActivatedRoute, ParamMap } from '@angular/router'; import { ActivatedRoute, ParamMap } from '@angular/router';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { BlockModalComponent } from '../blockchain-blocks/block-modal/block-modal.component';
import { ProjectedBlockModalComponent } from '../blockchain-projected-blocks/projected-block-modal/projected-block-modal.component';
@Component({ @Component({
selector: 'app-blockchain', selector: 'app-blockchain',