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

Fix splash for large devices

This commit is contained in:
Gustavo Maximiliano Cortez 2015-08-19 11:18:16 -03:00
parent ba8e5dacc8
commit cdf16f0485
No known key found for this signature in database
GPG Key ID: 15EDAD8D9F2EB1AF
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/views/splash.html
View File

@ -1,14 +1,16 @@
<div class="text-center splash" ng-if="!index.hasProfile">
<div class="splash content text-center" ng-if="!index.hasProfile">
<div class="row">
<div class="medium-6 large-4 medium-centered small-centered large-centered columns">
<div class="p20">
<div class="medium-centered small-centered large-centered columns">
<div class="m20t">
<span class="text-bold size-16 text-white" translate>WELCOME TO COPAY</span>
<p class="text-gray size-14 m0 text-light" translate>A multisignature bitcoin wallet</p>
</div>
</div>
</div>
<div class="gif-splash">
<img src="img/icon-splash.png" alt="icon" width="25%">
<div class="row">
<div class="container-image large-3 medium-3 small-3 medium-centered small-centered large-centered columns">
<img src="img/icon-splash.png" alt="icon" width="100%">
</div>
</div>
<div class="text-center size-12 text-warning" ng-show="error && !creatingProfile">
{{(error)|translate}}. <span translate>Retrying...</span>
@ -25,9 +27,13 @@
<span translate>Creating Profile...</span>
</div>
</div>
<div class="row columns start-button" ng-show="!creatingProfile">
<button ng-click="create()" class="button black expand round size-12 text-spacing" translate> GET STARTED </button>
<p class="text-gray m5b size-12" translate>Already have a wallet?</p>
<button ng-click="create(true)" class="button round outline dark-gray tiny" translate>Import backup </button>
<div class="row" ng-show="!creatingProfile">
<div class="start-button large-8 medium-8 small-8 medium-centered small-centered large-centered columns">
<button ng-click="create()" class="button black expand round size-12 text-spacing" translate>
GET STARTED
</button>
<p class="text-gray m5b size-12" translate>Already have a wallet?</p>
<button ng-click="create(true)" class="button round outline dark-gray tiny" translate>Import backup </button>
</div>
</div>
</div>

11
src/css/main.css
View File

@ -1085,20 +1085,13 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
}
.splash {
width: 100%;
height: 100%;
top: 0;
background: #2C3E50;
position: absolute;
background-image: -webkit-linear-gradient(#3D5672 0%, #223243 100%);
background-image: -o-linear-gradient(#3D5672 0%, #223243 100%);
background-image: linear-gradient(#3D5672 0%, #223243 100%);
}
.splash .start-button {
position: absolute;
bottom: 0;
}
.splash .start-button button.black {
background-color: #4B6178;
}
@ -1107,7 +1100,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
font-size: 0.58rem;
}
.gif-splash {
.splash .container-image {
padding: 2rem 0;
}