BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

cleaned up backup warning view on iPhone5

This commit is contained in:
Jamal Jackson 2016-09-09 10:05:35 -04:00
parent be927da487
commit 3af5405340
2 changed files with 40 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/views/onboarding/backupWarning.html
View File

@ -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>

37
src/sass/views/onboarding/onboard-backup-warning.scss
View File

@ -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;
}
}
}