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

Footer and header design updates.

Browse Source
This commit is contained in:
Simon Lindh
2020-02-24 03:42:29 +07:00
committed by wiz
parent 864b33fb38
commit c550c888a4
23 changed files with 114 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/app/components/footer/footer.component.html
View File

@@ -1,17 +1,18 @@
<footer class="footer">
<div class="container">
<div class="my-2 my-md-0 mr-md-3">
<div *ngIf="memPoolInfo" class="info-block">
<span class="unconfirmedTx">Unconfirmed transactions:</span>&nbsp;<b>{{ memPoolInfo?.memPoolInfo?.size | number }}</b>
<br />
<span class="mempoolSize">Mempool size:</span>&nbsp;<b>{{ mempoolSize | bytes }} ({{ mempoolBlocks }} block<span [hidden]="mempoolBlocks <= 1">s</span>)</b>
<br />
<div class="row" *ngIf="memPoolInfo">
<div class="col">
<span class="txPerSecond">Tx weight per second:</span>&nbsp;
<div class="progress">
<div class="progress-bar {{ progressClass }}" role="progressbar" [ngStyle]="{'width': progressWidth}">{{ memPoolInfo?.vBytesPerSecond | ceil | number }} vBytes/s</div>
</div>
</div>
</div>
<div class="col">
<span class="unconfirmedTx">Unconfirmed transactions:</span>&nbsp;<b>{{ memPoolInfo?.memPoolInfo?.size | number }}</b>
</div>
<div class="col">
<span class="mempoolSize">Mempool size:</span>&nbsp;<b>{{ mempoolSize | bytes }} ({{ mempoolBlocks }} block<span [hidden]="mempoolBlocks <= 1">s</span>)</b>
</div>
</div>
</div>

4
frontend/src/app/components/footer/footer.component.scss
View File

@@ -2,12 +2,12 @@
position: fixed;
bottom: 0;
width: 100%;
height: 120px;
height: 60px;
background-color: #1d1f31;
}
.footer > .container {
margin-top: 25px;
margin-top: 17px;
}
.txPerSecond {