standardize buttons and bar color

This commit is contained in:
Nick Cardin 2016-08-31 18:02:15 -04:00
parent bacf1fb68f
commit 8d762b380b
12 changed files with 33 additions and 19 deletions

View File

@ -2,8 +2,8 @@
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Add wallet' | translate}}</ion-nav-title>
<ion-nav-buttons side="primary">
<button class="button no-border" ng-click="$ionicGoBack()">
{{'Close' | translate}}
<button class="button back-button" ng-click="$ionicGoBack()">
<i class="icon ion-ios-arrow-thin-left"></i>
</button>
</ion-nav-buttons>
</ion-nav-bar>

View File

@ -1,8 +1,8 @@
<ion-view>
<ion-nav-bar>
<ion-nav-bar class="bar-royal">
<ion-nav-buttons side="primary">
<button class="button no-border" ng-click="$ionicGoBack()">
<i class="icon ion-chevron-left"></i> {{'Back' | translate}}
<button class="button back-button" ng-click="$ionicGoBack()">
<i class="icon ion-ios-arrow-thin-left"></i>
</button>
</ion-nav-buttons>
</ion-nav-bar>

View File

@ -43,7 +43,7 @@
ng-submit="bitpayCard.authenticate()"
novalidate>
<div class="list">
<div class="card list">
<label class="item item-input item-stacked-label">
<span class="input-label">Email</span>
<input name="email"
@ -63,7 +63,7 @@
</label>
</div>
<input class="button button-block"
<input class="button button-block button-positive"
type="submit"
ng-disabled="!authenticateForm.$valid || bitpayCard.authenticating"
value="Login">
@ -90,7 +90,7 @@
</label>
</div>
<input class="button button-block"
<input class="button button-block button-positive"
type="submit"
ng-disabled="!authenticate2FAForm.$valid || bitpayCard.authenticating"
value="Login">
@ -231,4 +231,3 @@
</div>
</ion-content>
</ion-view>

View File

@ -17,7 +17,7 @@
<form name="joinForm" ng-submit="join.join(joinForm)" novalidate>
<div class="list">
<div class="card list">
<div class="row">
<div class="col">
@ -133,4 +133,3 @@
</form>
</ion-content>
</ion-view>

View File

@ -16,7 +16,7 @@
<form name="setupForm" ng-submit="create.create(setupForm)" novalidate>
<div class="list">
<div class="card list">
<label ng-hide="create.hideWalletName" class="item item-input item-stacked-label">
<span class="input-label" translate>Wallet name</span>
<input type="text"

View File

@ -15,7 +15,7 @@
<form name="setupForm" ng-submit="create.create(setupForm)" novalidate>
<div class="list">
<div class="card list">
<label ng-hide="create.hideWalletName" class="item item-input item-stacked-label">
<span class="input-label" translate>Wallet name</span>
<input type="text"

View File

@ -15,7 +15,7 @@
<form name="importForm" ng-submit="importBlob(importForm)" novalidate>
<div class="list">
<div class="list card">
<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>
@ -56,7 +56,7 @@
</div>
<button type="submit"
class="button round expand black"
class="button button-block button-positive"
ng-disabled="importForm.$invalid || !password " translate>
Import backup
</button>

View File

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

View File

@ -28,7 +28,7 @@
</div>
<form name="importForm12" ng-submit="importMnemonic(importForm12)" novalidate>
<div class="list">
<div class="list card">
<div class="row">
<div class="col col-90">

View File

@ -1,5 +1,5 @@
<ion-view>
<ion-nav-bar>
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Receive' | translate}}</ion-nav-title>
</ion-nav-bar>

View File

@ -1,5 +1,5 @@
<ion-view>
<ion-nav-bar>
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Send' | translate}}</ion-nav-title>
</ion-nav-bar>

View File

@ -25,3 +25,19 @@
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
}
}
.back-button {
border: 0;
.icon:before {
color: #fff;
font-size: 30px !important;
font-weight: bold;
margin-left: 5px;
}
}
.button-block {
width: 90% !important;
margin-left: auto;
margin-right: auto;
}