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

Merge pull request #124 from nacardin/feature/send2

Browse source 
update tab-home view
This commit is contained in:
Gustavo Maximiliano Cortez 2016-09-15 15:03:17 -03:00 • committed by GitHub
commit 1998d78b4a
3 changed files with 22 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

20
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">
@ -87,30 +87,30 @@
<div class="item item-heading" translate> <div class="item item-heading" translate>
Next steps Next steps
</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 next-step">
<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 next-step">
<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 next-step">
<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 next-step">
<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>

7
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 {

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

@ -1,26 +1,24 @@
#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 {
color: #444; color: #444;
} }
.next-step {
padding-top: 20px;
padding-bottom: 20px;
}
} }