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

added click to go to slide in wallets, added max-width

Browse source
This commit is contained in:
Jamal Jackson 2016-09-20 12:35:12 -04:00
commit f74ff4f40f
2 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/views/includes/wallets.html
View file

@ -1,7 +1,7 @@
<div class="wallets" ng-show="wallets[0]"> <div class="wallets" ng-show="wallets[0]">
<ion-slides class="slides" slider="data.slider"> <ion-slides class="slides" slider="data.slider">
<ion-slide-page ng-repeat="wallet in wallets track by $index"> <ion-slide-page ng-repeat="wallet in wallets track by $index">
<div class="card"> <div class="card" ng-click="slider.slideTo($index)">
<div class="item item-icon-left text-right"> <div class="item item-icon-left text-right">
<i class="icon ion-briefcase size-21" ng-style="{'color':wallet.color}"></i> <i class="icon ion-briefcase size-21" ng-style="{'color':wallet.color}"></i>
<span>{{wallet.name || wallet.id}}</span> <span>{{wallet.name || wallet.id}}</span>

4
src/sass/views/includes/wallets.scss
View file

@ -12,8 +12,12 @@
} }
.swiper-slide{ .swiper-slide{
width:100% !important; width:100% !important;
max-width: 450px;
&.swiper-slide-prev, &.swiper-slide-next{ &.swiper-slide-prev, &.swiper-slide-next{
opacity: .2; opacity: .2;
&:hover{
opacity: 1;
}
} }
&.swiper-slide-prev{ &.swiper-slide-prev{
left:-5%; left:-5%;