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

fixed datetime format and font size on transaction component

Browse Source
This commit is contained in:
Darren Nelsen 2017-10-02 16:18:53 -04:00
parent 1fefd25a87
commit 26571f0f43
3 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/package.json
View File

@ -41,7 +41,7 @@
"@types/jasmine": "2.5.41", "@types/jasmine": "2.5.41",
"@types/node": "7.0.4", "@types/node": "7.0.4",
"codecov": "2.2.0", "codecov": "2.2.0",
"ionic": "3.9.2", "ionic": "3.12.0",
"jasmine-core": "2.5.2", "jasmine-core": "2.5.2",
"jasmine-spec-reporter": "3.2.0", "jasmine-spec-reporter": "3.2.0",
"karma": "1.4.1", "karma": "1.4.1",

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

@ -1,19 +1,19 @@
<ion-grid> <ion-grid>
<ion-row> <ion-row>
<ion-col col-8> <ion-col col-7>
<div class="ellipsis"> <div class="ellipsis">
<ion-icon name="add-circle" [hidden]="expanded" (click)="toggleExpanded()"></ion-icon><ion-icon name="remove-circle" [hidden]="!expanded" (click)="toggleExpanded()"></ion-icon> <span><a (click)="goToTx(tx.txid)">{{ tx.txid }}</a></span> <ion-icon name="add-circle" [hidden]="expanded" (click)="toggleExpanded()"></ion-icon><ion-icon name="remove-circle" [hidden]="!expanded" (click)="toggleExpanded()"></ion-icon> <span><a (click)="goToTx(tx.txid)">{{ tx.txid }}</a></span>
</div> </div>
</ion-col> </ion-col>
<ion-col col-4 text-right> <ion-col col-5 text-right>
<div [hidden]="!tx.firstSeenTs"> <ion-note [hidden]="!tx.firstSeenTs">
<span translate>first seen at</span> <span translate>first seen at</span>
<time>{{tx.firstSeenTs * 1000 | date:'medium'}}</time> <time>{{tx.firstSeenTs * 1000 | date:'medium'}}</time>
</div> </ion-note>
<div [hidden]="!tx.blocktime && tx.firstSeenTs"> <ion-note [hidden]="!tx.blocktime && tx.firstSeenTs">
<span translate>mined</span> <span translate>mined</span>
<time>{{tx.time * 1000 | date:'medium'}}</time> <time>{{tx.time * 1000 | date:'MMM d, y'}}</time> <time>{{tx.time * 1000 | date:'hh:mm:ss a'}}</time>
</div> </ion-note>
</ion-col> </ion-col>
</ion-row> </ion-row>

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

@ -13,6 +13,12 @@ transaction {
&.small { &.small {
font-size: 1.1rem; font-size: 1.1rem;
} }
ion-col {
ion-note {
font-size: 1.2rem;
}
}
} }
} }