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

ui details

Browse source
This commit is contained in:
bechi 2015-11-23 16:07:53 -03:00 • committed by Javier
commit 7b407f707c
3 changed files with 18 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

18
public/views/backup.html
View file

@ -30,7 +30,7 @@
<div ng-show="wordsC.step1"> <div ng-show="wordsC.step1">
<div ng-show="wordsC.mnemonicWords || (wordsC.credentialsEncrypted && !wordsC.deleted)"> <div ng-show="wordsC.mnemonicWords || (wordsC.credentialsEncrypted && !wordsC.deleted)">
<h5 class="text-center">Write your wallet seed</h5> <h5 class="text-center">Write your wallet seed</h5>
<div class="p20 size-14 text-gray" ng-show="(index.n>1 && index.m != index.n )"> <div class="size-14 text-gray" ng-show="(index.n>1 && index.m != index.n )">
<span translate> <span translate>
To restore this {{index.m}}-{{index.n}} <b>shared</b> wallet you will need To restore this {{index.m}}-{{index.n}} <b>shared</b> wallet you will need
</span>: </span>:
@ -41,7 +41,7 @@
</ol> </ol>
</span> </span>
</div> </div>
<div class="p20 size-14 text-gray" ng-show="(index.n>1 && index.m == index.n )"> <div class="size-14 text-gray" ng-show="(index.n>1 && index.m == index.n )">
<span translate> <span translate>
To restore this {{index.m}}-{{index.n}} <b>shared</b> wallet you will need To restore this {{index.m}}-{{index.n}} <b>shared</b> wallet you will need
</span>: </span>:
@ -60,12 +60,9 @@
</div> </div>
<div ng-show="wordsC.mnemonicWords || (wordsC.credentialsEncrypted && !wordsC.deleted)"> <div ng-show="wordsC.mnemonicWords || (wordsC.credentialsEncrypted && !wordsC.deleted)">
<p class="p20 text-gray" ng-show="index.n==1 && wordsC.step1"> <p class="text-center columns text-gray" ng-show="index.n==1 && wordsC.step1">
<span translate> <span translate>
You need the wallet seed to restore this personal wallet. You need the wallet seed to restore this personal wallet. Write it down and keep them somewhere safe.
</span>
<span translate class="text-bold">
Write it down and keep them somewhere safe.
</span> </span>
</p> </p>
<div class="row" ng-show="wordsC.credentialsEncrypted"> <div class="row" ng-show="wordsC.credentialsEncrypted">
@ -114,7 +111,7 @@
<div ng-show="wordsC.step2"> <div ng-show="wordsC.step2">
<div class="columns text-center"> <div class="columns text-center">
<h5>Confirm your wallet seed</h5> <h5>Confirm your wallet seed</h5>
<p class="p20v text-gray m0"> <p class="text-gray m0">
Please tap the words in order to confirm your backup phrase is correctly written. Please tap the words in order to confirm your backup phrase is correctly written.
</p> </p>
<div class="panel words text-left" ng-class="{'enable_text_select': index.network == 'testnet'}"> <div class="panel words text-left" ng-class="{'enable_text_select': index.network == 'testnet'}">
@ -177,7 +174,7 @@
<i class="fi-like size-48"></i> <i class="fi-like size-48"></i>
</div> </div>
<h5>Congratulation</h5> <h5>Congratulation</h5>
<p class="text-gray p20" translate> <p class="text-gray columns" translate>
You backed up your new wallet. You can now restore this wallet at any time You backed up your new wallet. You can now restore this wallet at any time
</p> </p>
@ -195,9 +192,8 @@
<i class="fi-dislike size-48"></i> <i class="fi-dislike size-48"></i>
</div> </div>
<h5>Backup failed</h5> <h5>Backup failed</h5>
<p class="text-gray p20" translate> <p class="text-gray columns" translate>
Failed to verify backup. Please check your information Failed to verify backup. Please check your information
</p>
<div class="columns text-center m20t"> <div class="columns text-center m20t">
<button <button

2
public/views/walletHome.html
View file

@ -187,7 +187,7 @@
<i class="fi-alert size-48"></i> <i class="fi-alert size-48"></i>
</div> </div>
<h5>Backup Needed</h5> <h5>Backup Needed</h5>
<p class="text-gray p20" translate> <p class="text-gray m20b columns" translate>
Before receiving funds, it is highly recommended you backup your wallet. If you lose this device, it is impossible to access your funds without a backup. Before receiving funds, it is highly recommended you backup your wallet. If you lose this device, it is impossible to access your funds without a backup.
</p> </p>
<button class="m20t button black expand round" <button class="m20t button black expand round"

13
src/css/main.css
View file

@ -369,17 +369,24 @@ ul.tx-copayers {
.receive .circle-icon { .receive .circle-icon {
padding: 0.2rem; padding: 0.2rem;
margin-bottom: 1rem; margin-bottom: 2rem;
} }
.backup .circle-icon { .backup .circle-icon {
background: #fff; background: #fff;
padding: 0.2rem; padding: 0.2rem;
margin-bottom: 1rem; margin-bottom: 2rem;
} }
.receive h5, .backup h5 { .receive h5, .backup h5 {
font-weight: 500; font-weight: 500;
color: #4B6178;
margin-bottom: 1rem;
}
.receive p, .backup p {
font-size: 0.9rem;
margin-bottom: 2rem;
} }
.date-message { .date-message {
@ -1006,7 +1013,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
.panel.words { .panel.words {
background: #E6EAEE; background: #E6EAEE;
border: 1px dashed #A5B2BF; border: 1px dashed #A5B2BF;
min-height: 170px; min-height: 147px;
} }
.backup .panel { .backup .panel {