mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-01-17 18:52:34 +01:00
Code Issues 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 0f41b0d933
commit 3c38aaaf33
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
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">
<div class="container-xl">
<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>
<div class="progress sub-text">
<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="title-block">
<h1 class="float-left-md">Transaction</h1>
<h1 class="float-md-left">Transaction</h1>
<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 [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>
<div>

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

@ -20,12 +20,3 @@
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 #regularVin>
<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>
</a>
<div>
@ -52,7 +52,7 @@
</div>
<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>
<tr *ngFor="let vout of tx.vout; let vindex = index;">
<td>