mirror of https://github.com/BTCPrivate/copay.git
cleaned up backup warning view on iPhone5
This commit is contained in:
parent
be927da487
commit
3af5405340
|
@ -8,7 +8,7 @@
|
|||
</ion-nav-bar>
|
||||
<ion-content>
|
||||
<div class="row text-center">
|
||||
<h3 translate class="col col-75">
|
||||
<h3 translate class="col col-80">
|
||||
Are you being watched?
|
||||
</h3>
|
||||
</div>
|
||||
|
@ -18,14 +18,14 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<img src="img/onboarding-backup-warning.svg" class="col col-60">
|
||||
<img src="img/onboarding-backup-warning.svg" class="col col-60 warning-image">
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<p class="col col-60">
|
||||
Anyone with your backup phrase can access or spend your bitcoin.
|
||||
</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="cta-buttons">
|
||||
<button class="button button-block button-primary col col-75" ng-click="openPopup()" translate>All clear, let's do this</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
|
|
|
@ -8,4 +8,41 @@
|
|||
#arrow-down{
|
||||
font-size: 4.2rem;
|
||||
}
|
||||
.cta-buttons{
|
||||
float:left;
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px){
|
||||
#onboarding-backup-warning{
|
||||
.warning{
|
||||
margin: 2rem auto 1rem;
|
||||
height: 8rem;
|
||||
}
|
||||
h3{
|
||||
font-size:1.3rem;
|
||||
}
|
||||
p{
|
||||
font-size:.9rem;
|
||||
max-width: 80%;
|
||||
flex: 0 0 80%;
|
||||
}
|
||||
.warning-image{
|
||||
height: 11rem;
|
||||
}
|
||||
.cta-buttons{
|
||||
float:none;
|
||||
bottom:46px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-height: 540px){
|
||||
#onboarding-backup-warning{
|
||||
.cta-buttons{
|
||||
float:left;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue