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

Add new component incoming-transactions-graph;

Browse Source 
Refactor component mempool-graph;
Refactor component fee-distribution-graph;
Add incoming-transactions-graph to dashboard;
Add incoming-transactions-graph to statistics;
Add incoming-transactions-graph to television;
Add mempool-graph to dashboard;
Add mempool-graph to statistics;
Add mempool-graph to television;
Remove chartist.component;
This commit is contained in:
Miguel Medeiros
2021-08-21 01:46:28 -03:00
parent 4772cc4517
commit c5831cc4e8
24 changed files with 578 additions and 1230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/components/television/television.component.html
View File

@@ -4,12 +4,10 @@
<div class="spinner-border text-light"></div>
</div>
<div class="tv-container">
<div class="chart-holder" *ngIf="mempoolStats.length">
<app-mempool-graph dir="ltr" [data]="mempoolStats"></app-mempool-graph>
<div class="tv-container" *ngIf="mempoolStats.length">
<div class="chart-holder" >
<app-mempool-graph dir="ltr" [data]="mempoolStats" [limitFee]="1200" [height]="600"></app-mempool-graph>
</div>
<div class="blockchain-wrapper">
<div class="position-container">
<app-mempool-blocks></app-mempool-blocks>

21
frontend/src/app/components/television/television.component.scss
View File

@@ -16,30 +16,21 @@
}
.chart-holder {
height: calc(100vh - 270px);
min-height: 525px;
padding-left: 20px;
width: 98.5%;
padding-top: 20px;
@media(min-width: 992px){
padding-top: 10px;
}
@media(min-height: 800px){
padding-top: 60px !important;
}
height: 650px;
width: 100%;
margin: 30px auto;
}
.blockchain-wrapper {
display: flex;
height: 100%;
min-height: 240px;
position: relative;
top: -20px;
@media(min-height: 800px) {
top: 10px;
top: 30px;
}
.position-container {
position: absolute;
left: 50%;
@@ -89,4 +80,4 @@
display: flex;
margin-top: 0px;
flex-direction: column;
}
}