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

new style share wallet

This commit is contained in:
Bechi 2014-05-08 15:45:57 -03:00
parent c72b1c6e22
commit 66e154eb9b
3 changed files with 34 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/main.css
View File

@ -21,6 +21,15 @@ html, body {height: 100%;}
padding-bottom: 28px !important; padding-bottom: 28px !important;
} }
.panel.input {
padding: 0.7rem 1rem;
margin-bottom: 0;
border-radius: 5px;
background: #F8F8F8;
-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.10);
box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.10);
}
#footer { #footer {
position: fixed; position: fixed;
margin-top: -96px; /* negative value of footer height */ margin-top: -96px; /* negative value of footer height */
@ -113,7 +122,7 @@ html, body {height: 100%;}
} }
.panel { .panel {
padding: 0.7rem 1rem; /* padding: 0.7rem 1rem; */
border:0; border:0;
} }
@ -248,7 +257,7 @@ hr { margin: 2.25rem 0;}
} }
.dn {display: none;} .dn {display: none;}
.pr {position: relative;} .pr {position: relative;}
.m0 {margin: 0;} .m0 {margin: 0 !important;}
.db {display: block;} .db {display: block;}
.size-12 { font-size: 12px; } .size-12 { font-size: 12px; }
.size-14 { font-size: 14px; } .size-14 { font-size: 14px; }
@ -262,6 +271,7 @@ hr { margin: 2.25rem 0;}
.size-72 { font-size: 72px; } .size-72 { font-size: 72px; }
.m10t {margin-top: 10px;} .m10t {margin-top: 10px;}
.m10b {margin-bottom: 10px;} .m10b {margin-bottom: 10px;}
.m15b {margin-bottom: 20px !important;}
.m10r {margin-right: 10px;} .m10r {margin-right: 10px;}
.m10 {margin: 10px !important;} .m10 {margin: 10px !important;}
.m15 {margin: 15px !important;} .m15 {margin: 15px !important;}

6
css/tpl-default.css
View File

@ -34,7 +34,7 @@
} }
body { body {
background: #F5F5F5; background: #F8F8FB;
} }
.logo { .logo {
@ -48,7 +48,7 @@ body {
} }
.top-bar-section li.active:not(.has-form) a:not(.button) { .top-bar-section li.active:not(.has-form) a:not(.button) {
background: #f5f5f5; background: #F8F8FB;
color: #111; color: #111;
} }
@ -263,7 +263,7 @@ button[disabled].warning:focus,
color: #E6E6E6; color: #E6E6E6;
} }
.text-gray { color: #999;} .text-gray { color: #999 !important;}
#footer { #footer {
background: #2C3E50; background: #2C3E50;

30
index.html
View File

@ -66,14 +66,11 @@
</div> </div>
<div class="row"> <div class="row">
<div ng-if='$root.wallet && !$root.wallet.publicKeyRing.isComplete() && !loading' data-alert class="alert-box warn radius size-18" > <div ng-if='$root.wallet && !$root.wallet.publicKeyRing.isComplete() && !loading'>
<div class="alert-box error radius" data-alert>
<div style="float:left; margin:0 15px">
<i class="fi-alert size-60"></i>
</div>
<div class="size-18"> <div class="size-18">
<i class="fi-alert"></i>
Note: Your wallet is not complete yet. Note: Your wallet is not complete yet.
<span ng-show="$root.wallet.publicKeyRing.totalCopayers - $root.wallet.publicKeyRing.registeredCopayers()>1"> <span ng-show="$root.wallet.publicKeyRing.totalCopayers - $root.wallet.publicKeyRing.registeredCopayers()>1">
{{$root.wallet.publicKeyRing.totalCopayers - $root.wallet.publicKeyRing.registeredCopayers() }} keys are {{$root.wallet.publicKeyRing.totalCopayers - $root.wallet.publicKeyRing.registeredCopayers() }} keys are
@ -83,13 +80,24 @@
</span> </span>
missing. missing.
</div> </div>
</div>
<div class="size-18"> <div class="panel radius">
Share this secret with your other copayers for them to join your wallet <br> <h3 class="m15b">Share this secret with your other copayers
</div> <small> for them to join your wallet</small>
<div class="size-24"> </h3>
<b>{{$root.wallet.getSecret()}}</b> <div class="row">
<div class="large-9 columns line-dashed-v text-gray">
<div class="panel input left">
<p class="text-gray">{{$root.wallet.getSecret()}}</p>
</div>
</div>
<div class="large-3 columns" ng-show="$root.wallet">
<h5 class="m0">{{$root.getWalletDisplay()}}</h5>
<p class="text-gray">{{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet</p>
</div>
</div> </div>
</div>
</div> </div>
</div> </div>