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

fix receive tab wallet icon slider on tablet

Browse source
This commit is contained in:
Jamal Jackson 2016-09-28 13:28:23 -04:00
commit 1837d0b7af
2 changed files with 57 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/sass/common.scss
View file

@ -112,3 +112,7 @@ ion-header-bar{
.bold-text{
font-weight: bold !important;
}
.card{
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

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

@ -10,15 +10,34 @@
padding-right: .25rem;
border-radius: .25rem;
max-width: 350px;
@media (min-width: 500px) {
& {
width: 350px;
position: relative;
margin: 1.5rem auto 0;
}
}
}
.swiper-slide {
width: 100% !important;
max-width: 450px;
&.swiper-slide-prev, &.swiper-slide-next{
opacity: .2;
&:hover{
opacity: 1;
@media (min-width: 500px) {
& {
margin: 0 auto;
display: block;
float: none;
max-width: none;
}
&.swiper-slide-next .card {
float: left;
}
&.swiper-slide-prev .card {
float: right;
}
}
&.swiper-slide-prev,
&.swiper-slide-next {
opacity: .2;
}
&.swiper-slide-prev {
left: -5%;
@ -32,3 +51,18 @@
visibility: hidden;
}
}
.platform-browser {
.wallets {
.slides {
.swiper-slide {
&.swiper-slide-prev,
&.swiper-slide-next {
&:hover {
opacity: 1;
}
}
}
}
}
}