anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

update home tab icons

Browse source
This commit is contained in:
Nick Cardin 2016-09-15 13:51:23 -04:00
commit 2bde795e15
3 changed files with 12 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

12
public/views/tab-home.html
View file

@ -19,7 +19,7 @@
</a> </a>
</div> </div>
<div class="list card" ng-if="notifications[0]"> <div class="list card" ng-if="notifications.length > 0">
<a class="item item-icon-right item-heading" ui-sref="tabs.activity" translate> <a class="item item-icon-right item-heading" ui-sref="tabs.activity" translate>
Recent Activity Recent Activity
<i class="icon nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
@ -42,7 +42,7 @@
class="item item-icon-left item-big-icon-left item-icon-right" class="item item-icon-left item-big-icon-left item-icon-right"
ng-click="openWallet(wallet)"> ng-click="openWallet(wallet)">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}"/> <img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
</i> </i>
<h2>{{wallet.name || wallet.id}}</h2> <h2>{{wallet.name || wallet.id}}</h2>
<span ng-show="wallet.n > 1" class="text-light"> <span ng-show="wallet.n > 1" class="text-light">
@ -89,28 +89,28 @@
</div> </div>
<a ng-show="!wallets[1]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right"> <a ng-show="!wallets[1]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img class="icon-create-wallet"/> <div class="bg icon-create-wallet"></div>
</i> </i>
<span translate>Create a bitcoin wallet</span> <span translate>Create a bitcoin wallet</span>
<i class="icon nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a ng-show="!externalServices.BuyAndSell" ui-sref="buyandsell" class="item item-icon-left item-big-icon-left item-icon-right"> <a ng-show="!externalServices.BuyAndSell" ui-sref="buyandsell" class="item item-icon-left item-big-icon-left item-icon-right">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img class="icon-buy-bitcoin"/> <div class="bg icon-buy-bitcoin"></div>
</i> </i>
<span translate>Buy Bitcoin</span> <span translate>Buy Bitcoin</span>
<i class="icon nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right"> <a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img class="icon-bitpay-card"/> <div class="bg icon-bitpay-card"></div>
</i> </i>
<span translate>Add BitPay Card</span> <span translate>Add BitPay Card</span>
<i class="icon nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a ui-sref="amazon.main" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right"> <a ui-sref="amazon.main" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img class="icon-gift"/> <div class="bg icon-gift"></div>
</i> </i>
<span translate>Add Amazon Gift Card</span> <span translate>Add Amazon Gift Card</span>
<i class="icon nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>

9
src/sass/common.scss
View file

@ -25,13 +25,16 @@
border-top: 0; border-top: 0;
} }
.icon.big-icon-svg { .big-icon-svg {
padding: 0 7px; padding: 0 7px;
> img { > .bg {
border-radius: 50%; border-radius: 50%;
width: 40px; width: 40px;
height: 40px; height: 40px;
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
background-repeat:no-repeat;
background-clip: padding-box;
background-size: 103%;
} }
} }
.overlay { .overlay {
@ -83,4 +86,4 @@ ion-header-bar{
.bold-text{ .bold-text{
font-weight: bold !important; font-weight: bold !important;
} }

8
src/sass/views/tab-home.scss
View file

@ -1,23 +1,15 @@
#tab-home { #tab-home {
.icon-create-wallet { .icon-create-wallet {
background-image: url("../img/icon-bitcoin.svg"); background-image: url("../img/icon-bitcoin.svg");
background-repeat:no-repeat;
background-position: -5px -5px;
} }
.icon-buy-bitcoin { .icon-buy-bitcoin {
background-image: url("../img/icon-gift.svg"); background-image: url("../img/icon-gift.svg");
background-repeat: no-repeat;
background-position: -5px -6px;
} }
.icon-bitpay-card { .icon-bitpay-card {
background-image: url("../img/icon-bitpay.svg"); background-image: url("../img/icon-bitpay.svg");
background-repeat: no-repeat;
background-position: -5px -6px;
} }
.icon-gift { .icon-gift {
background-image: url("../img/icon-gift.svg"); background-image: url("../img/icon-gift.svg");
background-repeat: no-repeat;
background-position: -5px -6px;
} }
a.item { a.item {