anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #5141 from JDonadio/ref/backup-flow-style

Browse source 
Backup flow - style
This commit is contained in:
Gabriel Edgardo Bazán 2016-12-05 09:37:02 -03:00 • committed by GitHub
commit 27ead9db3d
2 changed files with 57 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/sass/views/wallet-backup-phrase.scss
View file

@ -1,4 +1,31 @@
#wallet-backup-phrase { #wallet-backup-phrase {
h3 {
padding: 15px;
}
.button-confirm {
margin-top: 1rem;
}
.password-required {
padding: 1rem;
}
.password-prompt {
background-color: $subtle-gray;
padding: 2rem;
.explanation {
padding: 0 1rem;
margin: 1rem 0;
}
.description {
text-align: center;
font-size: 15px;
color: #000;
margin: 1rem 0;
}
input {
width: 100%;
padding: 1rem;
}
}
.bar.bar-royal .title { .bar.bar-royal .title {
font-size: 1rem; font-size: 1rem;
} }

18
www/views/backup.html
View file

@ -59,13 +59,17 @@
## STEP 3 ## STEP 3
--> -->
<div id="wallet-backup-phrase-step-3" class="ng-hide" ng-show="step == 3"> <div id="wallet-backup-phrase-step-3" class="ng-hide" ng-show="step == 3">
<div class="password-prompt"><span translate>Enter your password</span> <h3 translate>Enter your password</h3>
<label class="item item-input item-stacked-label"> <div class="password-prompt">
<div class="input-label" translate>In order to verify your wallet backup, please type your password.</div> <div class="explanation">
<input type="text" id="passphrase" ng-model="data.passphrase" autocapitalize="off" spellcheck="false" autofocus/> <div class="description" translate>In order to verify your wallet backup, please type your password.</div>
</label> <div class="input">
<button ng-disabled="!data.passphrase" class="button button-standard button-primary" ng-click="goToStep(4);" translate>Confirm <input type="password" id="passphrase" ng-model="data.passphrase" autocapitalize="off" spellcheck="false" autofocus/>
</button> </div>
</div>
</div>
<div class="button-confirm">
<button ng-disabled="!data.passphrase" class="button button-standard button-primary" ng-click="goToStep(4);" translate>Confirm</button>
</div> </div>
</div> </div>
</ion-content> </ion-content>