RanchiMall/flosight-api
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styled the fee and confirmation row in the grid of the transaction component

Browse Source
This commit is contained in:
Darren Nelsen 2017-09-05 17:22:53 -04:00
parent dd99426add
commit 2ae129fd94
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/src/components/transaction/transaction.html
View File

@ -85,15 +85,15 @@
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row> <ion-row align-items-center text-uppercase class="small">
<ion-col col-3> <ion-col col-6>
<span [hidden]="tx.isCoinBase">Fee {{ currency.getConversion(tx.fees) }}</span> <div [hidden]="tx.isCoinBase">
Fee <span text-nowrap>{{ currency.getConversion(tx.fees) }}</span>
</div>
</ion-col> </ion-col>
<ion-col col-6 text-center> <ion-col col-6 text-right>
{{ tx.confirmations }} Confirmations <span text-nowrap>{{ tx.confirmations }} Confirmation<span *ngIf="tx.confirmations !== 1">s</span></span>
</ion-col> <span text-nowrap>{{ currency.getConversion(tx.valueOut) }}</span>
<ion-col col-3 text-right>
<span class="">{{ currency.getConversion(tx.valueOut) }}</span>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>

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

@ -9,6 +9,10 @@ transaction {
ion-row { ion-row {
border: 1px solid #eee; border: 1px solid #eee;
&.small {
font-size: 1.1rem;
}
} }
} }