mirror of https://github.com/BTCPrivate/copay.git
updated notifications cta image size for tablet sizes, set max width for disclaimer checkbox items
This commit is contained in:
parent
49301d7069
commit
c40c43505f
|
@ -13,9 +13,11 @@
|
||||||
<ion-checkbox ng-model="accept2"><span translate>I understand if this app moved to another device or deleted, my bitcoin can only be recovered with the backup phrase</span></ion-checkbox>
|
<ion-checkbox ng-model="accept2"><span translate>I understand if this app moved to another device or deleted, my bitcoin can only be recovered with the backup phrase</span></ion-checkbox>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
<div id="agree-to-terms" ng-if="accept1 && accept2">
|
<div id="agree-to-terms" ng-if="accept1 && accept2">
|
||||||
<ion-checkbox ng-model="terms.accept3"></ion-checkbox>
|
<div id="agree-to-terms-content" class="center-block">
|
||||||
<p translate>I have read, understood, and agree with the <a ng-click="openTermsModal()" translate>Terms of use</a>.</p>
|
<ion-checkbox ng-model="terms.accept3"></ion-checkbox>
|
||||||
<button ng-disabled="!accept1 || !accept2 || !terms.accept3" class="button button-block button-positive" ng-click="confirm()" translate>Confirm & Finish</button>
|
<p translate>I have read, understood, and agree with the <a ng-click="openTermsModal()" translate>Terms of use</a>.</p>
|
||||||
|
<button ng-disabled="!accept1 || !accept2 || !terms.accept3" class="button button-block button-positive" ng-click="confirm()" translate>Confirm & Finish</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
</ion-view>
|
</ion-view>
|
||||||
|
|
|
@ -10,6 +10,10 @@
|
||||||
margin-top:1.5rem;
|
margin-top:1.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.list{
|
||||||
|
max-width: 600px;
|
||||||
|
@include center-block();
|
||||||
|
}
|
||||||
.item {
|
.item {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -55,6 +59,10 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
&-content{
|
||||||
|
max-width: 600px;
|
||||||
|
@include center-block();
|
||||||
|
}
|
||||||
.item{
|
.item{
|
||||||
color:rgb(58,58,58);
|
color:rgb(58,58,58);
|
||||||
padding-bottom: 2.5rem;
|
padding-bottom: 2.5rem;
|
||||||
|
|
|
@ -1,40 +1,49 @@
|
||||||
#onboarding-push-notifications{
|
#onboarding-push-notifications {
|
||||||
h2{
|
h2 {
|
||||||
margin-top:2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
#cta{
|
#cta {
|
||||||
background-image: url('../img/onboarding-push-notifications.svg');
|
background-image: url('../img/onboarding-push-notifications.svg');
|
||||||
height: 15rem;
|
height: 15rem;
|
||||||
margin-top: .75rem;
|
margin-top: .75rem;
|
||||||
}
|
}
|
||||||
.cta-buttons{
|
.cta-buttons {
|
||||||
float:none;
|
float: none;
|
||||||
bottom:0;
|
bottom: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width:100%;
|
width: 100%;
|
||||||
button{
|
button {
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px){
|
@media (max-width: 400px) {
|
||||||
#onboarding-push-notifications{
|
#onboarding-push-notifications {
|
||||||
.cta-buttons{
|
.cta-buttons {
|
||||||
float:none;
|
float: none;
|
||||||
bottom:0;
|
bottom: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-height: 540px){
|
|
||||||
#onboarding-push-notifications{
|
@media (max-height: 540px) {
|
||||||
#cta{
|
#onboarding-push-notifications {
|
||||||
|
#cta {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.cta-buttons{
|
.cta-buttons {
|
||||||
float:left;
|
float: left;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 450px) {
|
||||||
|
#onboarding-push-notifications {
|
||||||
|
#cta {
|
||||||
|
height: 26rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -91,7 +91,11 @@
|
||||||
.onboarding{
|
.onboarding{
|
||||||
ion-content{
|
ion-content{
|
||||||
h2{
|
h2{
|
||||||
font-size: 1.2rem;
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
font-size: 1.4rem;
|
||||||
|
line-height: 1.9rem;
|
||||||
}
|
}
|
||||||
p,h2,h3{
|
p,h2,h3{
|
||||||
max-width: 600px !important;
|
max-width: 600px !important;
|
||||||
|
|
Loading…
Reference in New Issue