fix merge conflicts
This commit is contained in:
Marty Alcala
commit
78bd523391
272 changed files with 8069 additions and 5496 deletions
|
|
@ -37,6 +37,7 @@ click-to-accept {
|
|||
}
|
||||
&.button-primary,
|
||||
&.button-secondary,
|
||||
&.button-light,
|
||||
&.button-assertive {
|
||||
&.button-standard {
|
||||
@extend %button-standard;
|
||||
|
|
|
|||
|
|
@ -408,6 +408,14 @@ input[type=file] {
|
|||
line-height: 0px;
|
||||
}
|
||||
|
||||
.w100p {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ $font-size-small: 12px;
|
|||
$font-family-sans-serif: $roboto;
|
||||
$font-family-light-sans-serif: $roboto-light;
|
||||
|
||||
$button-border-radius: $visible-radius;
|
||||
$button-border-radius: $subtle-radius;
|
||||
$button-height: 52px;
|
||||
$button-padding: 16px;
|
||||
|
||||
|
|
|
|||
|
|
@ -11,6 +11,14 @@
|
|||
left: 8px;
|
||||
font-size: 24px;
|
||||
}
|
||||
.big-icon-svg {
|
||||
left:5px;
|
||||
& > .bg{
|
||||
width:30px;
|
||||
height:30px;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
font-size: 11px;
|
||||
padding-left: 48px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,27 @@
|
|||
#bitpayCard {
|
||||
.bar-header {
|
||||
border: 0;
|
||||
background: #1e3186;
|
||||
.title, .button {
|
||||
color: #fff;
|
||||
}
|
||||
.button {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
.amount {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 2rem 1rem 1.5rem 1rem;
|
||||
min-height: 140px;
|
||||
height: 140px;
|
||||
border-color: #172565;
|
||||
background-color: #1e3186;
|
||||
background-image: linear-gradient(0deg, #172565, #172565 0%, transparent 0%);
|
||||
color: #fff;
|
||||
}
|
||||
.wallet-details-wallet-info {
|
||||
bottom: 5px;
|
||||
}
|
||||
strong {
|
||||
line-height: 100%;
|
||||
}
|
||||
|
|
|
|||
70
src/sass/views/bitpayCardIntro.scss
Normal file
70
src/sass/views/bitpayCardIntro.scss
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
#bitpayCard-intro {
|
||||
.slider-pager .slider-pager-page {
|
||||
color: #fff;
|
||||
}
|
||||
.cta-button{
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 55px;
|
||||
padding: 0 1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
background: rgba(30, 49, 134, 1);
|
||||
background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
|
||||
background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
.bar.bar-header {
|
||||
background: rgb(30, 49, 134);
|
||||
color: #fff;
|
||||
button {
|
||||
color: #fff;
|
||||
}
|
||||
.secondary-buttons {
|
||||
button {
|
||||
color: rgba(255, 255, 255, .5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.bar.bar-stable{
|
||||
border-color: transparent;
|
||||
border:none;
|
||||
}
|
||||
.button-transparent{
|
||||
background: none !important;
|
||||
}
|
||||
.button-translucent{
|
||||
background: rgba(215, 215, 215, 0.1)
|
||||
}
|
||||
.button-primary{
|
||||
background: rgb(100, 124, 232) !important;
|
||||
color:#fff;
|
||||
}
|
||||
.light-blue{
|
||||
color:rgb(100, 124, 232);
|
||||
}
|
||||
.text-white{
|
||||
color: #ffffff;
|
||||
}
|
||||
ion-content {
|
||||
background: url(../img/onboarding-welcome-bg.png);
|
||||
background-position: top center;
|
||||
background-size: contain;
|
||||
background-repeat: repeat-x;
|
||||
height: 100%;
|
||||
.scroll{
|
||||
height: 100%;
|
||||
}
|
||||
color: #fff;
|
||||
p {
|
||||
text-align: center;
|
||||
margin: 40px 20px;
|
||||
font-size: 1.2rem;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -107,12 +107,8 @@
|
|||
i {
|
||||
color: grey;
|
||||
position: inherit;
|
||||
left: 25px;
|
||||
vertical-align: super;
|
||||
padding-right: 10px;
|
||||
border-right: 1px solid;
|
||||
border-color: grey;
|
||||
font-size: 20px;
|
||||
padding: 0 10px;
|
||||
float: right;
|
||||
}
|
||||
contact {
|
||||
margin-left: 15px;
|
||||
|
|
|
|||
|
|
@ -1,15 +1,14 @@
|
|||
.wallets {
|
||||
.slides {
|
||||
.swiper-container {
|
||||
width: 75% !important;
|
||||
width: 85% !important;
|
||||
overflow: visible;
|
||||
}
|
||||
.card {
|
||||
padding: .7rem;
|
||||
padding-left: .25rem;
|
||||
padding-right: .25rem;
|
||||
border-radius: .25rem;
|
||||
max-width: 350px;
|
||||
box-shadow:$subtle-box-shadow;
|
||||
padding:0;
|
||||
border-radius: 6px;
|
||||
@media (min-width: 500px) {
|
||||
& {
|
||||
width: 350px;
|
||||
|
|
@ -17,6 +16,23 @@
|
|||
margin: 1.5rem auto 0;
|
||||
}
|
||||
}
|
||||
.item{
|
||||
padding: calc(100vh - 99vh) calc(100vw - 93vw) calc(100vh - 97vh) calc(100vw - 95vw);
|
||||
i{left:auto;}
|
||||
span{
|
||||
clear:both;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
&.wallet-name{
|
||||
margin-top:10px;
|
||||
margin-bottom:5px;
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
.big-icon-svg{
|
||||
& > .bg{padding:.3rem;width: 40px;height:40px;}
|
||||
}
|
||||
}
|
||||
}
|
||||
.swiper-slide {
|
||||
width: 100% !important;
|
||||
|
|
@ -37,13 +53,14 @@
|
|||
}
|
||||
&.swiper-slide-prev,
|
||||
&.swiper-slide-next {
|
||||
opacity: .2;
|
||||
opacity: .3;
|
||||
transform: scale(.8);
|
||||
}
|
||||
&.swiper-slide-prev {
|
||||
left: -5%;
|
||||
left: 10vw;
|
||||
}
|
||||
&.swiper-slide-next {
|
||||
left: 4%;
|
||||
left: -10vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
14
src/sass/views/integrations/glidera.scss
Normal file
14
src/sass/views/integrations/glidera.scss
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
#glidera {
|
||||
.glidera-lead {
|
||||
margin: 1rem;
|
||||
color: $mid-gray;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.disclosure {
|
||||
color: $mid-gray;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
margin: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -11,6 +11,7 @@
|
|||
ion-content{
|
||||
padding-top: 1.5rem;
|
||||
color: $dark-gray;
|
||||
margin-bottom: 210px;
|
||||
p {
|
||||
padding: 0 2.5%;
|
||||
margin: 2rem auto;
|
||||
|
|
@ -25,6 +26,9 @@
|
|||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.checkbox input:before,
|
||||
.checkbox .checkbox-icon:before {
|
||||
border-radius: 50% !important;
|
||||
|
|
@ -54,15 +58,13 @@
|
|||
width: 10%;
|
||||
position: relative;
|
||||
padding-right: 0;
|
||||
top: 25px;
|
||||
padding-left: 50px;
|
||||
.item-content {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
p {
|
||||
color: rgb(58, 58, 58);
|
||||
float: left;
|
||||
width: 80%;
|
||||
}
|
||||
.checkbox input:before,
|
||||
.checkbox .checkbox-icon:before {
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
}
|
||||
.item-sub {
|
||||
&:first-child:before {
|
||||
width: 100%
|
||||
width: 95%
|
||||
}
|
||||
&:before {
|
||||
display: block;
|
||||
|
|
|
|||
|
|
@ -10,8 +10,30 @@
|
|||
.border-top{
|
||||
border-top:1px solid rgb(228,228,228);
|
||||
}
|
||||
.scroll{height:100%;}
|
||||
#address {
|
||||
background: #fff;
|
||||
height: calc(100vh - 33vh);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
flex-flow: column;
|
||||
@media(max-height: 600px){
|
||||
height: calc(100vh - 36vh);
|
||||
}
|
||||
article{
|
||||
flex:1;
|
||||
width: 100%;
|
||||
}
|
||||
#bit-address{
|
||||
position: absolute;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
#next-address{
|
||||
color:$light-gray;
|
||||
}
|
||||
}
|
||||
.incomplete {
|
||||
padding: 50px;
|
||||
height: 352px;
|
||||
|
|
@ -42,20 +64,47 @@
|
|||
display: inline-block;
|
||||
font-size: .7rem;
|
||||
}
|
||||
&-gen-address {}
|
||||
}
|
||||
.qr {
|
||||
padding: 50px 0 20px 0;
|
||||
padding: calc(100vh - 85vh) 0 calc(100vh - 96vh);
|
||||
@media(max-height: 700px){
|
||||
padding: calc(100vh - 90vh) 0 calc(100vh - 96vh);
|
||||
}
|
||||
div{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
#qr-options{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
.item{
|
||||
i{left:25px;}
|
||||
}
|
||||
}
|
||||
.backup {
|
||||
background-color: orange;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
top: 0;
|
||||
i {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-height: 600px){
|
||||
&{
|
||||
.qr{
|
||||
padding:6vh 0 0;
|
||||
div{
|
||||
transform: scale(.7);
|
||||
}
|
||||
}
|
||||
#bit-address{position: realtive;}
|
||||
}
|
||||
}
|
||||
}
|
||||
#wallets {
|
||||
position: relative;
|
||||
|
|
@ -66,10 +115,12 @@
|
|||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 0 20px 20px 20px;
|
||||
border-color: transparent transparent #f5f5f5 transparent;
|
||||
border-color: transparent transparent rgb(242,242,242) transparent;
|
||||
top: -9px;
|
||||
position: absolute;
|
||||
left: 45%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
#first-time-tip {
|
||||
|
|
@ -112,6 +163,40 @@
|
|||
border-right: 1px solid rgb(228, 228, 228);
|
||||
padding-right: 10px;
|
||||
}
|
||||
.wallets{
|
||||
position: relative;
|
||||
height: calc(100vh - 83vh);
|
||||
.slides {
|
||||
.swiper-container{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
@media (max-height: 600px){
|
||||
&{
|
||||
transform: translate(-50%, -58%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// @media(min-width: 700px) and (min-height: 700px){
|
||||
// .wallets{display: none;}
|
||||
// #address{
|
||||
// height:90vh;
|
||||
// width:75%;
|
||||
// .qr{
|
||||
// height: 70%;
|
||||
// div{
|
||||
// transform: scale(1.5);
|
||||
// }
|
||||
// }
|
||||
// #bit-address{
|
||||
// height: 10%;
|
||||
// padding: calc(100vh - 99vh);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
|
|
|
|||
|
|
@ -17,6 +17,10 @@
|
|||
color: $mid-gray;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
&-description-disabled {
|
||||
color: cadetblue;
|
||||
text-decoration: none;
|
||||
}
|
||||
.setting-title, .setting-value {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
@import "walletDetails";
|
||||
@import "advancedSettings";
|
||||
@import "bitpayCard";
|
||||
@import "bitpayCardIntro";
|
||||
@import "address-book";
|
||||
@import "wallet-backup-phrase";
|
||||
@import "zero-state";
|
||||
|
|
@ -30,4 +31,5 @@
|
|||
@import "includes/txp-details";
|
||||
@import "includes/tx-status";
|
||||
@import "includes/walletSelector";
|
||||
@import "integrations/coinbase.scss";
|
||||
@import "integrations/coinbase";
|
||||
@import "integrations/glidera";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue