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

Fixes to responsive design.

Browse Source
This commit is contained in:
softsimon 2020-03-10 15:25:49 +07:00
parent 365ae04030
commit 2a2c255fb3
4 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<footer class="footer"> <footer class="footer">
<div class="container-xl"> <div class="container-xl">
<div class="row text-center" *ngIf="memPoolInfo"> <div class="row text-center" *ngIf="memPoolInfo">
<div class="col"> <div class="col d-none d-sm-block">
<span class="txPerSecond">Tx weight per second:</span> <span class="txPerSecond">Tx weight per second:</span>
<div class="progress sub-text"> <div class="progress sub-text">
<div class="progress-bar {{ progressClass }}" role="progressbar" [ngStyle]="{'width': progressWidth}">{{ memPoolInfo?.vBytesPerSecond | ceil | number }} vBytes/s</div> <div class="progress-bar {{ progressClass }}" role="progressbar" [ngStyle]="{'width': progressWidth}">{{ memPoolInfo?.vBytesPerSecond | ceil | number }} vBytes/s</div>

6
frontend/src/app/components/transaction/transaction.component.html
View File

@ -7,13 +7,13 @@
<div class="transaction-content"> <div class="transaction-content">
<div class="title-block"> <div class="title-block">
<h1 class="float-left-md">Transaction</h1> <h1 class="float-md-left">Transaction</h1>
<ng-template [ngIf]="tx?.status?.confirmed"> <ng-template [ngIf]="tx?.status?.confirmed">
<button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success float-right-md mr-2" style="margin-top: 0.75rem;">{{ latestBlock.height - tx.status.block_height + 1 }} confirmation<ng-container *ngIf="latestBlock.height - tx.status.block_height + 1 > 1">s</ng-container></button> <button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success float-md-right mr-2" style="margin-top: 0.75rem;">{{ latestBlock.height - tx.status.block_height + 1 }} confirmation<ng-container *ngIf="latestBlock.height - tx.status.block_height + 1 > 1">s</ng-container></button>
</ng-template> </ng-template>
<ng-template [ngIf]="tx && !tx?.status.confirmed"> <ng-template [ngIf]="tx && !tx?.status.confirmed">
<button type="button" class="btn btn-sm btn-danger float-right-md mr-2" style="margin-top: 0.75rem;">Unconfirmed</button> <button type="button" class="btn btn-sm btn-danger float-md-right mr-2" style="margin-top: 0.75rem;">Unconfirmed</button>
</ng-template> </ng-template>
<div> <div>

9
frontend/src/app/components/transaction/transaction.component.scss
View File

@ -20,12 +20,3 @@
margin-top: 15px; margin-top: 15px;
} }
} }
@media (min-width: 768px) {
.float-right-md {
float: right;
}
.float-left-md {
float: left;
}
}

4
frontend/src/app/components/transactions-list/transactions-list.component.html
View File

@ -34,7 +34,7 @@
</ng-template> </ng-template>
<ng-template #regularVin> <ng-template #regularVin>
<a [routerLink]="['/address/', vin.prevout.scriptpubkey_address]" title="{{ vin.prevout.scriptpubkey_address }}"> <a [routerLink]="['/address/', vin.prevout.scriptpubkey_address]" title="{{ vin.prevout.scriptpubkey_address }}">
<span style="float: left;" class="d-block d-lg-none">{{ vin.prevout.scriptpubkey_address | shortenString : 16 }}</span> <span class="d-block d-lg-none">{{ vin.prevout.scriptpubkey_address | shortenString : 16 }}</span>
<span class="d-none d-lg-block">{{ vin.prevout.scriptpubkey_address | shortenString : 42 }}</span> <span class="d-none d-lg-block">{{ vin.prevout.scriptpubkey_address | shortenString : 42 }}</span>
</a> </a>
<div> <div>
@ -52,7 +52,7 @@
</div> </div>
<div class="col mobile-bottomcol"> <div class="col mobile-bottomcol">
<table class="table table-borderless smaller-text table-xs" style="margin: 0;height: 100%;"> <table class="table table-borderless smaller-text table-xs" style="margin: 0;">
<tbody> <tbody>
<tr *ngFor="let vout of tx.vout; let vindex = index;"> <tr *ngFor="let vout of tx.vout; let vindex = index;">
<td> <td>