feat(design): improve design of all add flows

422
This commit is contained in:
Jason Dreyzehner 2016-10-13 01:31:15 -04:00
commit f5041b09ab
9 changed files with 19 additions and 16 deletions

View file

@ -12,6 +12,9 @@
margin-top: 25px;
}
}
.add-type {
color: $dark-gray;
}
.bg{
background-color:rgb(100,124,232);
height: 50px;

View file

@ -11,7 +11,7 @@
<i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" class="bg"/>
</i>
<h2 translate>New Personal Wallet</h2>
<span class="add-type" translate>New Personal Wallet</h2>
<i class="icon bp-arrow-right"></i>
</a>
@ -19,7 +19,7 @@
<i class="icon big-icon-svg">
<img src="img/icon-wallet.svg" class="bg"/>
</i>
<h2 translate>Create Shared Wallet</h2>
<span class="add-type" translate>Create Shared Wallet</h2>
<i class="icon bp-arrow-right"></i>
</a>
@ -27,7 +27,7 @@
<i class="icon big-icon-svg">
<img src="img/item-ico-addwallet.svg" class="bg join"/>
</i>
<h2 translate>Join shared wallet</h2>
<span class="add-type" translate>Join shared wallet</h2>
<i class="icon bp-arrow-right"></i>
</a>
@ -35,7 +35,7 @@
<i class="icon big-icon-svg">
<img src="img/item-ico-import.svg" class="bg"/>
</i>
<h2 translate>Import wallet</h2>
<span class="add-type" translate>Import wallet</h2>
<i class="icon bp-arrow-right"></i>
</a>
</ion-list>

View file

@ -1,4 +1,4 @@
<ion-view ng-controller="tabsController" ng-init="importInit()">
<ion-view ng-controller="tabsController" ng-init="importInit()" class="settings">
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Import Wallet' | translate}}</ion-nav-title>
<ion-nav-back-button>

View file

@ -1,4 +1,4 @@
<ion-view>
<ion-view class="settings">
<ion-nav-bar class="bar-royal">
<ion-nav-back-button>
</ion-nav-back-button>
@ -10,7 +10,7 @@
<form name="joinForm" ng-submit="join.join(joinForm)" novalidate>
<div class="card list">
<div class="list settings-list settings-input-group">
<label class="item item-input item-stacked-label no-border">
<span class="input-label" translate>Your nickname</span>

View file

@ -1,4 +1,4 @@
<ion-view>
<ion-view class="settings">
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Create Personal Wallet' | translate}}</ion-nav-title>
<ion-nav-back-button>
@ -7,7 +7,7 @@
<ion-content ng-controller="createController" ng-init="init(1);">
<form name="setupForm" ng-submit="create(setupForm)" novalidate>
<div class="card list">
<div class="list settings-list settings-input-group">
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Wallet name</span>
<input type="text"

View file

@ -1,4 +1,4 @@
<ion-view>
<ion-view class="settings">
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Create Shared Wallet' | translate}}</ion-nav-title>
<ion-nav-back-button>
@ -7,7 +7,7 @@
<ion-content ng-controller="createController" ng-init="init(3);">
<form name="setupForm" ng-submit="create(setupForm)" novalidate>
<div class="card list">
<div class="list settings-list settings-input-group">
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Wallet name</span>
<input type="text"
@ -19,9 +19,9 @@
</label>
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Your nickname</span>
<span class="input-label" translate>Your name</span>
<input type="text"
placeholder="{{'John'|translate}}"
placeholder="{{'Satoshi'|translate}}"
ng-model="formData.myName"
ng-required="formData.totalCopayers != 1"
ng-disabled="formData.totalCopayers == 1"

View file

@ -1,5 +1,5 @@
<form name="importForm" ng-submit="importBlob(importForm)" novalidate>
<div class="list card">
<div class="list settings-list settings-input-group">
<label class="item item-input item-stacked-label no-border" ng-show="!isSafari && !isCordova">
<div class="input-label" translate>Choose a backup file from your computer</div>
<div>

View file

@ -6,7 +6,7 @@
</div>
<div ng-show="seedOptions[0]">
<div class="card list">
<div class="list settings-list settings-input-group">
<label class="item item-input item-select">
<div class="input-label" translate>
Wallet Type

View file

@ -11,7 +11,7 @@
</div>
<form name="importForm12" ng-submit="importMnemonic(importForm12)" novalidate>
<div class="list card">
<div class="list settings-list settings-input-group">
<div class="row">
<div class="col col-90">
<label class="item item-input item-stacked-label no-border">