fix merge conflicts
This commit is contained in:
commit
6bfdec29b3
44 changed files with 28907 additions and 196 deletions
|
|
@ -38,6 +38,9 @@ $button-secondary-active-border: transparent;
|
|||
&.button-secondary {
|
||||
&.button-standard {
|
||||
@extend %button-standard;
|
||||
& + .button-standard {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,6 +14,19 @@
|
|||
padding-left: 74px;
|
||||
}
|
||||
|
||||
|
||||
.icon-svg {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
> img {
|
||||
background-repeat:no-repeat;
|
||||
background-clip: padding-box;
|
||||
background-size: contain;
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.big-icon-svg {
|
||||
padding: 0 7px;
|
||||
> .bg {
|
||||
|
|
|
|||
|
|
@ -27,3 +27,14 @@ ion-tabs.ion-tabs-transparent {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .placeholder-icon padding cannot be modified by a variable
|
||||
$placeholder-icon-padding: 10px;
|
||||
.placeholder-icon {
|
||||
&:first-child {
|
||||
padding-right: $placeholder-icon-padding;
|
||||
}
|
||||
&:last-child {
|
||||
padding-left: $placeholder-icon-padding;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
#backup-confirm-modal{
|
||||
|
||||
}
|
||||
12
src/sass/views/includes/modals/backup-needed-modal.scss
Normal file
12
src/sass/views/includes/modals/backup-needed-modal.scss
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
#backup-needed-modal{
|
||||
.button.button-secondary {
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.button {
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -73,5 +73,5 @@
|
|||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
@import "backup-confirm-modal";
|
||||
@import "backup-needed-modal";
|
||||
@import "screenshot-warning-model";
|
||||
|
|
|
|||
|
|
@ -32,9 +32,6 @@
|
|||
font-size: .8rem;
|
||||
i {
|
||||
font-size: 1.3rem;
|
||||
&.ion-social-bitcoin-outline {
|
||||
border-right: 1px solid rgb(228, 228, 228);
|
||||
}
|
||||
}
|
||||
}
|
||||
.bit-address {
|
||||
|
|
@ -111,6 +108,10 @@
|
|||
margin-bottom:1rem;
|
||||
}
|
||||
}
|
||||
.receive-tab-bitcoin-icon {
|
||||
border-right: 1px solid rgb(228, 228, 228);
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
|
|
|
|||
|
|
@ -7,51 +7,13 @@ $scannerBackgroundColor: #060d2d;
|
|||
.bar-header {
|
||||
opacity: .9;
|
||||
}
|
||||
.zero-state-cta {
|
||||
padding-bottom: 6vh;
|
||||
}
|
||||
&-has-problems,
|
||||
&-loading-camera {
|
||||
background-color: $scannerBackgroundColor;
|
||||
}
|
||||
&-has-problems {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.zero-state {
|
||||
&-icon {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
padding: 13px;
|
||||
box-shadow: $subtle-box-shadow;
|
||||
background-color: #fff;
|
||||
}
|
||||
&-heading {
|
||||
font-size: 20px;
|
||||
margin: 1rem;
|
||||
}
|
||||
&-description {
|
||||
margin: 0 2rem 120px;
|
||||
opacity: .6;
|
||||
max-width: 300px;
|
||||
}
|
||||
&-tldr {
|
||||
margin: 1rem auto;
|
||||
}
|
||||
&-description,
|
||||
&-tldr {
|
||||
max-width: 300px;
|
||||
}
|
||||
&-cta {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding-bottom: 6vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-loading-camera {
|
||||
height: 100%;
|
||||
width: 100%
|
||||
|
|
|
|||
|
|
@ -1,5 +1,15 @@
|
|||
#tab-send {
|
||||
.zero-state-cta {
|
||||
padding-bottom: 3vh;
|
||||
}
|
||||
.send-heading {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.bitcoin-address {
|
||||
border-top: none;
|
||||
padding-bottom: .5rem;
|
||||
@media(max-width: 480px) {
|
||||
input {
|
||||
font-size: 12px;
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
@import "address-book";
|
||||
@import "wallet-backup-phrase";
|
||||
@import "address-book";
|
||||
@import "zero-state";
|
||||
@import "onboarding/onboarding";
|
||||
@import "includes/walletActivity";
|
||||
@import "includes/wallets";
|
||||
|
|
|
|||
45
src/sass/views/zero-state.scss
Normal file
45
src/sass/views/zero-state.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.zero-state {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
&-icon {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
padding: 13px;
|
||||
box-shadow: $subtle-box-shadow;
|
||||
background-color: #fff;
|
||||
img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
&-heading {
|
||||
font-size: 20px;
|
||||
margin: 1rem;
|
||||
}
|
||||
&-description {
|
||||
margin-top: 0;
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 120px;
|
||||
opacity: .6;
|
||||
max-width: 300px;
|
||||
}
|
||||
&-tldr {
|
||||
margin: 1rem auto;
|
||||
}
|
||||
&-description,
|
||||
&-tldr {
|
||||
max-width: 300px;
|
||||
}
|
||||
&-cta {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue