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

feat(home): better padding and spacing on home view

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-21 01:51:00 -04:00
commit 7b4beae373
3 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/sass/ionic.scss
View file

@ -35,3 +35,8 @@ $placeholder-icon-padding: 10px;
.item p { .item p {
color: $mid-gray; color: $mid-gray;
} }
// we'd like to diverge from the standard ionic formula for left-right card margins
.card {
margin: ($content-padding * 2) 14px;
}

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

@ -16,16 +16,20 @@
background-image: url("../img/icon-amazon.svg"); background-image: url("../img/icon-amazon.svg");
} }
.bg { .bg {
&.wallet{ &.wallet {
padding: .25rem padding: .25rem
} }
} }
.card{ .card {
.item { .item {
color: #444; color: #444;
border-top:none; border-top:none;
padding-bottom: 1.5rem; padding-bottom: 1rem;
padding-top:1.5rem; padding-top:1rem;
&.item-extra-padding {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
} }
.item-sub { .item-sub {
&:first-child:before { &:first-child:before {

4
www/views/tab-home.html
View file

@ -3,7 +3,7 @@
<ion-nav-title><img class="tab-home__logo" src="img/app/logo-negative.svg"></ion-nav-title> <ion-nav-title><img class="tab-home__logo" src="img/app/logo-negative.svg"></ion-nav-title>
</ion-nav-bar> </ion-nav-bar>
<ion-content class="padding"> <ion-content>
<ion-refresher <ion-refresher
ng-if="isAndroid" ng-if="isAndroid"
pulling-icon="ion-ios-refresh" pulling-icon="ion-ios-refresh"
@ -121,7 +121,7 @@
<a ui-sref="tabs.buyandsell"><i class="icon ion-ios-plus-empty list-add-button"></i></a> <a ui-sref="tabs.buyandsell"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
</div> </div>
<div> <div>
<a ng-if="glideraEnabled" ui-sref="tabs.buyandsell.glidera" class="item item-sub item-icon-right"> <a ng-if="glideraEnabled" ui-sref="tabs.buyandsell.glidera" class="item item-extra-padding item-sub item-icon-right">
<img src="img/glidera-logo.png" width="90"/> <img src="img/glidera-logo.png" width="90"/>
<i class="icon bp-arrow-right"></i> <i class="icon bp-arrow-right"></i>
</a> </a>