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

add style

Browse source
This commit is contained in:
Javier 2016-12-02 17:46:52 -03:00
commit d00e308b05
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 {
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 {
font-size: 1rem;
}

18
www/views/backup.html
View file

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