style the summary items and labels

This commit is contained in:
Darren Nelsen 2017-08-10 16:12:06 -04:00
parent 4c3a28c780
commit 1fc35956cb
5 changed files with 17 additions and 7 deletions

View File

@ -15,6 +15,16 @@
white-space: nowrap; white-space: nowrap;
} }
.summary ion-label {
color: #333;
font-weight: bold;
}
.summary ion-item {
color: #999;
font-size: 1.4rem;
}
// Shared Sass variables, which can be used to adjust Ionic's // Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss". // default Sass variables, belong in "theme/variables.scss".
// //

View File

@ -31,7 +31,7 @@
<div> <div>
<p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a> <span item-end>{{ vin.value + ' BTC' }}</span></p> <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a> <span item-end>{{ vin.value + ' BTC' }}</span></p>
<div [hidden]="!expanded"> <div [hidden]="!expanded">
<p><b>Confirmations</b> {{vin.confirmations}}</p> <p *ngIf="vin.confirmations"><b>Confirmations</b> {{vin.confirmations}}</p>
<p><b>scriptSig</b></p> <p><b>scriptSig</b></p>
<div *ngIf="vin.scriptSig"> <div *ngIf="vin.scriptSig">
<div *ngFor="let item of vin.scriptSig.asm | split:' '" class="ellipsis"> <div *ngFor="let item of vin.scriptSig.asm | split:' '" class="ellipsis">
@ -44,10 +44,10 @@
</ion-list> </ion-list>
</ion-col> </ion-col>
<ion-col col-2 text-center> <ion-col col-1 text-center>
<ion-icon name="arrow-forward"></ion-icon> <ion-icon name="arrow-forward"></ion-icon>
</ion-col> </ion-col>
<ion-col col-5> <ion-col col-6>
<ion-list> <ion-list>
<ion-item *ngFor="let vout of tx.vout"> <ion-item *ngFor="let vout of tx.vout">
<div> <div>

View File

@ -9,7 +9,7 @@
<h2>Summary</h2> <h2>Summary</h2>
<ion-list> <ion-list class="summary">
<ion-item> <ion-item>
Total Received Total Received
<span item-end> <span item-end>

View File

@ -8,9 +8,9 @@
<h2>Summary</h2> <h2>Summary</h2>
<ion-list *ngIf="!loading"> <ion-list *ngIf="!loading" class="summary">
<ion-item> <ion-item>
Number of Transactions Number of Transactions
<span item-end> <span item-end>
{{ block.tx.length }} {{ block.tx.length }}
</span> </span>

View File

@ -8,7 +8,7 @@
<h2>Summary</h2> <h2>Summary</h2>
<ion-list> <ion-list class="summary">
<ion-item> <ion-item>
Size Size
<span item-end> <span item-end>