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,
|
||||
}, function(err, status) {
|
||||
$scope.updatingStatus = false;
|
||||
console.log('status', status);
|
||||
if (err) {
|
||||
if (err === 'WALLET_NOT_REGISTERED') {
|
||||
$scope.walletNotRegistered = true;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
#bitpayCard {
|
||||
background: white;
|
||||
.bar-header {
|
||||
border: 0;
|
||||
background: #1e3186;
|
||||
|
|
@ -37,4 +38,26 @@
|
|||
.item-select select {
|
||||
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
|
||||
class="m10t text-center padding ng-hide"
|
||||
class="text-center padding get-started"
|
||||
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>
|
||||
<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 class="list" ng-show="!bitpayCard.getStarted">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue