Subtitles for coins on home screen.

This commit is contained in:
Brendon Duncan 2018-06-17 17:56:50 +12:00
commit 585775e88b
3 changed files with 16 additions and 8 deletions

View file

@ -37,6 +37,9 @@
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
&.compact-subtitle {
padding-bottom: 0;
}
}
.item-sub {
&:first-child:before {

View file

@ -43,6 +43,11 @@
.icon {
color: $v-mid-gray;
}
.subtitle {
color: $v-mid-gray;
font-size: $font-size-small;
font-weight: 300;
}
}
}
}
}

View file

@ -46,7 +46,7 @@
</div>
<div class="list card" ng-if="notifications[0] && recentTransactionsEnabled">
<a class="item item-icon-right item-heading" ui-sref="tabs.activity">
<a class="item item-icon-right item-heading" ui-sref="tabs.activity"></a>
<span translate>Recent Transactions</span>
<i class="icon bp-arrow-right"></i>
</a>
@ -56,9 +56,9 @@
</div>
<div class="list card">
<div class="item item-icon-right item-heading">
<img class="wallet-coin-logo" src="img/bitcoin-cash-logo.svg" width="22">
<span translate>Bitcoin Cash (BCH)</span>
<div class="item item-icon-right item-heading compact-subtitle">
<div translate>Bitcoin Cash (BCH)</div>
<div translate class="subtitle">Instant transactions with low fees</div>
<a ui-sref="tabs.add({coin:'bch'})"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
</div>
<div>
@ -71,9 +71,9 @@
</div>
<div class="list card">
<div class="item item-icon-right item-heading">
<img class="wallet-coin-logo" src="img/icon-bitcoin.svg" width="18">
<span translate>Bitcoin Core (BTC)</span>
<div class="item item-icon-right item-heading compact-subtitle">
<div translate>Bitcoin Core (BTC)</div>
<div translate class="subtitle">Slow transactions with high fees</div>
<a ui-sref="tabs.add"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
</div>
<div>