mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #211 from jamal-jackson/feature/recieve_tab_slider
Fix receive icon slider for tablet
This commit is contained in:
commit
90dece4fc3
|
@ -112,3 +112,7 @@ ion-header-bar{
|
||||||
.bold-text{
|
.bold-text{
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card{
|
||||||
|
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
|
@ -1,34 +1,68 @@
|
||||||
.wallets{
|
.wallets {
|
||||||
.slides{
|
.slides {
|
||||||
.swiper-container{
|
.swiper-container {
|
||||||
width:75% !important;
|
width: 75% !important;
|
||||||
overflow:visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
.card{
|
.card {
|
||||||
padding: .7rem;
|
padding: .7rem;
|
||||||
padding-left:.25rem;
|
padding-left: .25rem;
|
||||||
padding-right:.25rem;
|
padding-right: .25rem;
|
||||||
border-radius: .25rem;
|
border-radius: .25rem;
|
||||||
max-width: 350px;
|
max-width: 350px;
|
||||||
|
@media (min-width: 500px) {
|
||||||
|
& {
|
||||||
|
width: 350px;
|
||||||
|
position: relative;
|
||||||
|
margin: 1.5rem auto 0;
|
||||||
}
|
}
|
||||||
.swiper-slide{
|
}
|
||||||
width:100% !important;
|
}
|
||||||
|
.swiper-slide {
|
||||||
|
width: 100% !important;
|
||||||
max-width: 450px;
|
max-width: 450px;
|
||||||
&.swiper-slide-prev, &.swiper-slide-next{
|
@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;
|
opacity: .2;
|
||||||
&:hover{
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
|
&.swiper-slide-prev {
|
||||||
|
left: -5%;
|
||||||
}
|
}
|
||||||
&.swiper-slide-prev{
|
&.swiper-slide-next {
|
||||||
left:-5%;
|
left: 4%;
|
||||||
}
|
|
||||||
&.swiper-slide-next{
|
|
||||||
left:4%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.swiper-pagination{
|
.swiper-pagination {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.platform-browser {
|
||||||
|
.wallets {
|
||||||
|
.slides {
|
||||||
|
.swiper-slide {
|
||||||
|
&.swiper-slide-prev,
|
||||||
|
&.swiper-slide-next {
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue