feat(design): improve design of all add flows
422
This commit is contained in:
parent
08d49001f1
commit
f5041b09ab
9 changed files with 19 additions and 16 deletions
|
|
@ -12,6 +12,9 @@
|
|||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
.add-type {
|
||||
color: $dark-gray;
|
||||
}
|
||||
.bg{
|
||||
background-color:rgb(100,124,232);
|
||||
height: 50px;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue