mirror of https://github.com/BTCPrivate/copay.git
add img & some details
This commit is contained in:
parent
508c3e53f1
commit
f8d625aaf4
|
@ -362,7 +362,7 @@ a:hover {
|
|||
|
||||
.logo-setup {
|
||||
text-align: center;
|
||||
padding: 5rem 0 4rem;
|
||||
padding: 2rem 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
@ -1644,12 +1644,12 @@ a.text-warning:hover {color: #FD7262;}
|
|||
|
||||
/*/////////////////////////////////////////////////*/
|
||||
|
||||
.createProfile .input {
|
||||
.createProfile .input, .home .input {
|
||||
box-shadow: 0px 0px 0px 3px #213140, inset 1px 1px 0px 0px rgba(0,0,0,0.05);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.createProfile h2 {
|
||||
.createProfile h2, .home h2 {
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
color: #A5B2BF;
|
||||
|
@ -1660,6 +1660,10 @@ a.text-warning:hover {color: #FD7262;}
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.createProfile a.text-gray:hover, .home a.text-gray:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tabbable {
|
||||
border: 2px solid #213140;
|
||||
border-radius: 3px;
|
||||
|
@ -1699,20 +1703,21 @@ a.text-warning:hover {color: #FD7262;}
|
|||
box-shadow: 0px 1px 0px 0px rgba(121,140,158,0.10);
|
||||
margin: .5rem 1.3rem;
|
||||
padding: 0.3rem 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bg-circle {
|
||||
background: #253547;
|
||||
border-radius: 100%;
|
||||
margin: 0 1rem 0.3rem 0;
|
||||
padding: 0.75rem;
|
||||
margin: 0 0.5rem 0.3rem 0;
|
||||
padding: .45rem 0.5rem;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color: #7A8C9E;
|
||||
font-size: 30px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.session-expired {
|
||||
|
@ -1725,3 +1730,8 @@ a.text-warning:hover {color: #FD7262;}
|
|||
padding-top: 20%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.clipo {
|
||||
padding: 0 0 2rem;
|
||||
text-align: center;
|
||||
}
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
.logo-setup {
|
||||
margin: 0;
|
||||
padding: 2rem 0;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.home, .open, .join, .waiting-copayers, .setup, .import, .settings {
|
||||
|
@ -198,6 +198,10 @@
|
|||
padding: 1rem 1.2rem 1.0625rem;
|
||||
}
|
||||
|
||||
.home form {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
After Width: | Height: | Size: 40 KiB |
|
@ -20,7 +20,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="large-4 large-centered medium-6 medium-centered columns" ng-show="!loading && !askForPin">
|
||||
<div class="large-4 large-centered medium-6 medium-centered columns m20b" ng-show="!loading && !askForPin">
|
||||
<div class="logo-setup">
|
||||
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
|
||||
<div ng-include="'views/includes/version.html'"></div>
|
||||
|
@ -37,6 +37,9 @@
|
|||
|
||||
|
||||
<form ng-show="createStep == 'storage' " novalidate>
|
||||
<div class="clipo">
|
||||
<img src="img/clipo-signup1.png" alt="clipo" width="311">
|
||||
</div>
|
||||
<tabset>
|
||||
<tab style="width: 50%;" select="selectStorage('remote')">
|
||||
<tab-heading>
|
||||
|
@ -64,17 +67,17 @@
|
|||
<div class="m5t text-bold">In this Device </div>
|
||||
</tab-heading>
|
||||
<div class="content-item">
|
||||
<div class="bg-circle"><i class="icon-download"></i>
|
||||
<div class="bg-circle"><i class="icon-locked"></i>
|
||||
</div>
|
||||
<span class="text-gray">Your private keys never leave this device</span>
|
||||
</div>
|
||||
<div class="content-item">
|
||||
<div class="bg-circle"><i class="icon-email"></i>
|
||||
<div class="bg-circle"><i class="icon-person"></i>
|
||||
</div>
|
||||
<span class="text-gray">No email required</span>
|
||||
</div>
|
||||
<div class="content-item">
|
||||
<div class="bg-circle"><i class="icon-wallet"></i>
|
||||
<div class="bg-circle"><i class="icon-download"></i>
|
||||
</div>
|
||||
<span class="text-gray">Need to be careful with backups</span>
|
||||
</div>
|
||||
|
@ -103,8 +106,12 @@
|
|||
</form>
|
||||
|
||||
<form ng-show="createStep == 'email'" name="emailForm" ng-submit="setEmailOrUsername(emailForm)" novalidate>
|
||||
<div>
|
||||
|
||||
<div class="clipo" ng-if="useLocalstorage">
|
||||
<img src="img/clipo-signup2-1.png" alt="clipo" width="373">
|
||||
</div>
|
||||
<div class="clipo" ng-if="!useLocalstorage">
|
||||
<img src="img/clipo-signup2.png" alt="clipo" width="373">
|
||||
</div>
|
||||
|
||||
<h2 ng-if="useLocalstorage"> Creating in this device </h2>
|
||||
<h2 ng-if="!useLocalstorage"> Creating in the cloud </h2>
|
||||
|
@ -127,7 +134,6 @@
|
|||
<input type="text" ng-model="username" class="form-control fi-user" name="username" placeholder="Username" required auto-focus>
|
||||
<i class="icon-person"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button translate type="submit" class="button primary radius expand m0" ng-disabled="(useEmail && emailForm.email.$invalid) || (!useEmail && emailForm.username.$invalid)">
|
||||
Next
|
||||
|
@ -146,6 +152,9 @@
|
|||
</form>
|
||||
|
||||
<form ng-show="createStep == 'pass'" name="passForm" ng-submit="createProfile(passForm)" novalidate>
|
||||
<div class="clipo">
|
||||
<img src="img/clipo-signup3.png" alt="clipo" width="380">
|
||||
</div>
|
||||
|
||||
<h2 ng-if="useLocalstorage"> Creating in this device </h2>
|
||||
<h2 ng-if="!useLocalstorage"> Creating in the cloud </h2>
|
||||
|
@ -189,7 +198,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="large-4 large-centered medium-6 medium-centered columns" ng-show="!loading && askForPin">
|
||||
<div class="large-4 large-centered medium-6 medium-centered columns m20b" ng-show="!loading && askForPin">
|
||||
<div class="box-setup">
|
||||
<h1><span translate>Set up a </span> <b> PIN </b>?</h1>
|
||||
<p class="size-14">Enter a 4-digit number for easier access from this device</p>
|
||||
|
|
|
@ -22,18 +22,10 @@
|
|||
|
||||
<div class="large-4 large-centered medium-7 medium-centered columns" ng-show="!$root.starting">
|
||||
<div class="logo-setup" ng-show="!$root.iden">
|
||||
<img src="img/logo-negative-beta.svg" alt="Copay" width="146" height="59">
|
||||
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
|
||||
<div ng-include="'views/includes/version.html'"></div>
|
||||
</div>
|
||||
|
||||
<div class="p10 box-setup bg-success m10b text-white" ng-show="pendingPayment">
|
||||
<div class="left">
|
||||
<i class="size-36 m10r"></i>
|
||||
</div>
|
||||
<div class="size-14">
|
||||
Please sign in to make the payment
|
||||
</div>
|
||||
</div>
|
||||
<div class="p10 box-setup bg-success m10b text-white" ng-show="confirmedEmail">
|
||||
<div class="left">
|
||||
<i class="size-36 fi-check m10r"></i>
|
||||
|
@ -45,14 +37,6 @@
|
|||
Please sign in to access your wallets
|
||||
</div>
|
||||
</div>
|
||||
<div class="p10 box-setup bg-success m10b text-white" ng-show="anyWallet && !confirmedEmail && !error">
|
||||
<div class="left">
|
||||
<i class="size-36 fi-alert m10r"></i>
|
||||
</div>
|
||||
<b>Copay now needs a profile to access wallets.</b>
|
||||
You can import your current wallets after
|
||||
<a class="text-white" href="#!/createProfile">creating your profile</a>
|
||||
</div>
|
||||
|
||||
<div class="box-setup" ng-if="askForPin">
|
||||
<h1><span translate>Set up a </span> <b> PIN </b>?</h1>
|
||||
|
@ -127,8 +111,27 @@
|
|||
</form>
|
||||
</div>
|
||||
|
||||
<div class="box-setup" ng-if='!$root.hasPin && !askForPin'>
|
||||
<h1><span translate>Sign in to</span> <b>Copay</b></h1>
|
||||
<div ng-if='!$root.hasPin && !askForPin'>
|
||||
<div class="clipo">
|
||||
<img src="img/clipo-signin.png" alt="clipo" width="310">
|
||||
</div>
|
||||
<h2 translate>Sign in to Copay</h2>
|
||||
<div class="p10 m20b size-14 box-setup bg-success text-white" ng-show="anyWallet && !confirmedEmail && !error">
|
||||
<div class="left">
|
||||
<i class="size-36 fi-alert m10r"></i>
|
||||
</div>
|
||||
<b>Copay now needs a profile to access wallets.</b>
|
||||
You can import your current wallets after
|
||||
<a class="text-white" href="#!/createProfile">creating your profile</a>
|
||||
</div>
|
||||
<div class="p10 box-setup bg-success m20b text-white" ng-show="pendingPayment">
|
||||
<div class="left">
|
||||
<i class="size-36 m10r"></i>
|
||||
</div>
|
||||
<div class="size-14">
|
||||
Please sign in to make the payment
|
||||
</div>
|
||||
</div>
|
||||
<form name="loginForm" ng-submit="openWithCredentials(loginForm)" novalidate>
|
||||
<p class="text-warning size-12" ng-show="error">
|
||||
<i class="fi-x"></i> {{error|translate}}
|
||||
|
|
|
@ -18,8 +18,8 @@
|
|||
<img src="img/logo-negative-beta.svg" alt="Copay" width="146" height="59">
|
||||
<div ng-include="'views/includes/version.html'"></div>
|
||||
</div>
|
||||
<div class="box-setup">
|
||||
<h1 translate>Import Profile</h1>
|
||||
<div>
|
||||
<h2 translate>Import Profile</h2>
|
||||
<form name="importProfileForm" ng-submit="import(importProfileForm)" novalidate>
|
||||
<div class="box-notification" ng-show="error">
|
||||
<div class="box-icon error">
|
||||
|
@ -32,11 +32,13 @@
|
|||
|
||||
<div ng-show="!is_iOS">
|
||||
<legend for="backupFile" class="m10b">
|
||||
<span translate>Choose backup file</span>
|
||||
<span class="text-gray size-12" translate>Choose backup file</span>
|
||||
</legend>
|
||||
<input type="file" class="form-control"
|
||||
<div class="input">
|
||||
<input type="file" class="db form-control"
|
||||
placeholder="{{'Select a backup file'|translate}}" name="backupFile" ng-model="backupFile" ng-file-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-show="is_iOS">
|
||||
<label for="backupText" class="m10b">
|
||||
|
|
Loading…
Reference in New Issue