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

refactor(receive): beautify scss in tab-receive.scss

Browse source
This commit is contained in:
Jason Dreyzehner 2016-11-17 13:28:23 -05:00
commit edcfc8a7af
1 changed files with 109 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

60
src/sass/views/tab-receive.scss
View file

@ -10,7 +10,9 @@
.border-top { .border-top {
border-top:1px solid rgb(228,228,228); border-top:1px solid rgb(228,228,228);
} }
.scroll{height:100%;} .scroll {
height:100%;
}
#address { #address {
background: #fff; background: #fff;
height: 66vh; height: 66vh;
@ -100,7 +102,8 @@
&.next, &.prev { &.next, &.prev {
z-index:2; z-index:2;
} }
&.current, &.prev{ &.current,
&.prev {
left:50%; left:50%;
} }
&.current { &.current {
@ -135,11 +138,14 @@
z-index: 1; z-index: 1;
div { div {
transition: all .4s ease; transition: all .4s ease;
&.current, &.prev, &.next{ &.current,
&.prev,
&.next {
position: absolute; position: absolute;
top:50%; top:50%;
} }
&.current, &.prev{ &.current,
&.prev {
left:50%; left:50%;
} }
&.current { &.current {
@ -191,7 +197,9 @@
transform: scale(.7); transform: scale(.7);
} }
} }
#bit-address{position: realtive;} #bit-address {
position: realtive;
}
} }
} }
} }
@ -254,7 +262,9 @@
padding-right: 10px; padding-right: 10px;
} }
#wallets { #wallets {
#sidebar-wallet{display: none;} #sidebar-wallet{
display: none;
}
} }
.wallets { .wallets {
position: relative; position: relative;
@ -272,8 +282,12 @@
height: auto; height: auto;
top: 10%; top: 10%;
position:relative; position:relative;
@media(max-height: 600px){padding-top:.2rem} @media(max-height: 600px) {
@media(min-height: 900px){top:30%;} padding-top:.2rem
}
@media(min-height: 900px) {
top:30%;
}
} }
.swiper-slide { .swiper-slide {
text-align: center; text-align: center;
@ -288,8 +302,12 @@
} }
} }
@media(max-width: 500px) { @media(max-width: 500px) {
&-next{left:-25%;} &-next {
&-prev{left:25%;} left:-25%;
}
&-prev {
left:25%;
}
} }
} }
@media (max-height: 600px) { @media (max-height: 600px) {
@ -302,7 +320,9 @@
} }
} }
@media(min-width: 700px) and (min-height: 700px) { @media(min-width: 700px) and (min-height: 700px) {
.wallets{display: none;} .wallets {
display: none;
}
#address { #address {
float:left; float:left;
height:100%; height:100%;
@ -314,7 +334,9 @@
height: 100%; height: 100%;
} }
#qr-options { #qr-options {
.item{font-size:1rem;} .item{
font-size:1rem;
}
} }
.qr { .qr {
height: 70%; height: 70%;
@ -333,7 +355,10 @@
opacity: 1; opacity: 1;
} }
} }
.backup, #bit-address{left:0;} .backup,
#bit-address {
left:0;
}
#bit-address { #bit-address {
height: 10%; height: 10%;
padding: 1vh; padding: 1vh;
@ -360,8 +385,12 @@
@media(max-width: 1000px) { @media(max-width: 1000px) {
max-width: none; max-width: none;
} }
#sidebar-wallet{display: block;} #sidebar-wallet {
.list{height: 100%;overflow: visible;} display: block;
}
.list {
height: 100%;overflow: visible;
}
#wallet-list { #wallet-list {
position: absolute; position: absolute;
width: 110%; width: 110%;
@ -438,7 +467,6 @@
} }
} }
} }
@keyframes fadeIn { @keyframes fadeIn {
0% { 0% {
opacity: 0; opacity: 0;