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

fixed border on home tab

Browse source
This commit is contained in:
Jamal Jackson 2016-09-21 13:13:39 -04:00
commit cf0f323880
2 changed files with 33 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -43,7 +43,7 @@
<ion-spinner icon="lines"></ion-spinner>
<div translate>Updating activity. Please stand by</div>
</span>
<a class="item" ng-repeat="x in notifications" ng-click="x.action()">
<a class="item activity" ng-repeat="x in notifications" ng-click="x.action()">
<span ng-include="'views/includes/walletActivity.html'"></span>
</a>
</div>
@ -119,28 +119,28 @@
<div class="item item-heading" translate>
Next steps
</div>
<a ng-show="!wallets[0]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<a ng-if="!wallets[0]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<i class="icon big-icon-svg">
<div class="bg icon-create-wallet"></div>
</i>
<span translate>Create a bitcoin wallet</span>
<i class="icon nav-item-arrow-right"></i>
</a>
<a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<a ui-sref="bitpayCard.main" ng-if="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<i class="icon big-icon-svg">
<div class="bg icon-bitpay-card"></div>
</i>
<span translate>Add BitPay Card</span>
<i class="icon nav-item-arrow-right"></i>
</a>
<a ng-show="!externalServices.BuyAndSell" ui-sref="tabs.buyandsell" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<a ng-if="!externalServices.BuyAndSell" ui-sref="tabs.buyandsell" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<i class="icon big-icon-svg">
<div class="bg icon-buy-bitcoin"></div>
</i>
<span translate>Buy or Sell Bitcoin</span>
<i class="icon nav-item-arrow-right"></i>
</a>
<a ui-sref="tabs.giftcards.amazon" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<a ui-sref="tabs.giftcards.amazon" ng-if="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right next-step">
<i class="icon big-icon-svg">
<div class="bg icon-gift"></div>
</i>

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

@ -11,9 +11,34 @@
.icon-gift {
background-image: url("../img/icon-gift.svg");
}
a.item {
color: #444;
.card{
.item {
color: #444;
border-top:none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
&:before {
display: block;
position: absolute;
width: 86%;
height: 1px;
background: rgba(221, 221, 221, 0.3);
top:0;
right:0;
content:'';
}
&.item-heading{
&:before{
width:100%;
top:99%
}
}
&:nth-child(2){
&:before{
width:0;
}
}
}
}
.next-step {