better styling for card header
This commit is contained in:
parent
9f79387bb3
commit
92c8e25dc1
2 changed files with 8 additions and 2 deletions
|
|
@ -14,11 +14,17 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 2rem 1rem 1.5rem 1rem;
|
padding: 2rem 1rem 1.5rem 1rem;
|
||||||
height: 140px;
|
height: 160px;
|
||||||
border-color: #172565;
|
border-color: #172565;
|
||||||
background-color: #1e3186;
|
background-color: #1e3186;
|
||||||
background-image: linear-gradient(0deg, #172565, #172565 0%, transparent 0%);
|
background-image: linear-gradient(0deg, #172565, #172565 0%, transparent 0%);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
|
&__balance {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 34px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.wallet-details-wallet-info {
|
.wallet-details-wallet-info {
|
||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
<div class="oh pr" ng-show="!error">
|
<div class="oh pr" ng-show="!error">
|
||||||
<div class="amount">
|
<div class="amount">
|
||||||
<div ng-if="bitpayCard.bitpayCardCurrentBalance" ng-click="bitpayCard.update()">
|
<div ng-if="bitpayCard.bitpayCardCurrentBalance" ng-click="bitpayCard.update()">
|
||||||
<div class="size-36 m20b">${{bitpayCard.bitpayCardCurrentBalance}}</div>
|
<div class="amount__balance">${{bitpayCard.bitpayCardCurrentBalance}}</div>
|
||||||
<a class="button button-primary button-small m5t size-14"
|
<a class="button button-primary button-small m5t size-14"
|
||||||
style="padding: 0.5em 1em;"
|
style="padding: 0.5em 1em;"
|
||||||
ui-sref="tabs.bitpayCard.amount({'cardId': cardId, 'toName': 'BitPay Card'})">
|
ui-sref="tabs.bitpayCard.amount({'cardId': cardId, 'toName': 'BitPay Card'})">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue