better bitpay card get started state styling
This commit is contained in:
parent
6f1443c523
commit
9f79387bb3
3 changed files with 29 additions and 3 deletions
|
|
@ -53,6 +53,7 @@ angular.module('copayApp.controllers').controller('walletDetailsController', fun
|
||||||
force: !!force,
|
force: !!force,
|
||||||
}, function(err, status) {
|
}, function(err, status) {
|
||||||
$scope.updatingStatus = false;
|
$scope.updatingStatus = false;
|
||||||
|
console.log('status', status);
|
||||||
if (err) {
|
if (err) {
|
||||||
if (err === 'WALLET_NOT_REGISTERED') {
|
if (err === 'WALLET_NOT_REGISTERED') {
|
||||||
$scope.walletNotRegistered = true;
|
$scope.walletNotRegistered = true;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
#bitpayCard {
|
#bitpayCard {
|
||||||
|
background: white;
|
||||||
.bar-header {
|
.bar-header {
|
||||||
border: 0;
|
border: 0;
|
||||||
background: #1e3186;
|
background: #1e3186;
|
||||||
|
|
@ -37,4 +38,26 @@
|
||||||
.item-select select {
|
.item-select select {
|
||||||
color: #667;
|
color: #667;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.get-started {
|
||||||
|
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
|
&__arrow {
|
||||||
|
font-size: 56px;
|
||||||
|
opacity: .2;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 28px;
|
||||||
|
color: #4A4A4A;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__text {
|
||||||
|
font-weight: 300;
|
||||||
|
color: #8e8e8e;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -41,11 +41,13 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="m10t text-center padding ng-hide"
|
class="text-center padding get-started"
|
||||||
ng-show="bitpayCard.getStarted">
|
ng-show="bitpayCard.getStarted">
|
||||||
<i class="icon ion-ios-arrow-thin-up size-24"></i>
|
<i class="icon ion-ios-arrow-thin-up get-started__arrow"></i>
|
||||||
<h1>Get started</h1>
|
<h1>Get started</h1>
|
||||||
<h4>Your BitPay Card is ready. Add funds to your card to start using your card at stores and ATMs worldwide.</h4>
|
<div class="get-started__text">
|
||||||
|
Your BitPay Card is ready. Add funds to your card to start using your card at stores and ATMs worldwide.
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="list" ng-show="!bitpayCard.getStarted">
|
<div class="list" ng-show="!bitpayCard.getStarted">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue