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

Mobile view design updates.

Browse Source
This commit is contained in:
softsimon
2020-03-25 02:55:26 +07:00
parent 164a1964dc
commit 9aaa021d08
7 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,17 +1,17 @@
<div class="container-xl">
<div class="title-block">
<h1 class="float-md-left">Transaction</h1>
<h1 class="float-left mr-3 mb-md-3">Transaction</h1>
<ng-template [ngIf]="tx?.status?.confirmed">
<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>
<button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success float-right mr-2 mt-1 mt-md-3">{{ 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-md-right mr-2" style="margin-top: 0.75rem;">Unconfirmed</button>
<button type="button" class="btn btn-sm btn-danger float-right mr-2 mt-1 mt-md-3">Unconfirmed</button>
</ng-template>
<div>
<a [routerLink]="['/tx/', txId]" style="line-height: 56px; margin-left: 10px;">
<a [routerLink]="['/tx/', txId]" style="line-height: 56px;">
<span class="d-inline d-lg-none">{{ txId | shortenString : 24 }}</span>
<span class="d-none d-lg-inline">{{ txId }}</span>
</a>
@@ -19,6 +19,7 @@
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<ng-template [ngIf]="!isLoadingTx && !error">

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

@@ -23,3 +23,7 @@
width: 150px;
}
}
h1 {
margin-bottom: 0;
}