egifter template, waiting the logo in svg.

This commit is contained in:
Jean-Baptiste Dominguez 2018-08-07 16:36:33 +09:00
commit 1aa31b6935
6 changed files with 54 additions and 22 deletions

View file

@ -264,15 +264,15 @@ div.onboarding-topic {
height: 5em; height: 5em;
} }
.shapeshift-banner { .shapeshift-logo {
background: url(../img/shapeshiftbg.jpg) center center no-repeat #28394d; display: block;
padding: 10px; float: left;
box-shadow: 0px 5px 10px 0px #cccccc; max-height: 100%;
height: 5em; max-width: 100%;
} }
.bitpay-banner { .bitpay-banner {
background: center center no-repeat #1A3A8B; background: #1A3A8B;
padding: 10px; padding: 10px;
box-shadow: 0px 5px 10px 0px #cccccc; box-shadow: 0px 5px 10px 0px #cccccc;
height: 5em; height: 5em;
@ -285,9 +285,16 @@ div.onboarding-topic {
height: 4em; height: 4em;
} }
.shapeshift-logo { .egifter-banner {
display: block; background: #1A3A8B;
float: left; padding: 10px;
max-height: 100%; box-shadow: 0px 5px 10px 0px #cccccc;
max-width: 100%; height: 5em;
}
.egifter-logo {
display: block;
max-height: 100%;
width: 100%;
height: 4em;
} }

View file

@ -11,7 +11,7 @@
bottom: 92px; bottom: 92px;
} }
.shapeshift-banner, .bitpay-banner { .shapeshift-banner, .bitpay-banner, .egifter-banner {
box-shadow: none; box-shadow: none;
} }

View file

@ -314,6 +314,13 @@ div.slide-success__background.fill-screen {
height: 5em; height: 5em;
} }
.shapeshift-logo {
display: block;
float: left;
max-height: 100%;
max-width: 100%;
}
.bitpay-banner { .bitpay-banner {
background: #1A3A8B; background: #1A3A8B;
padding: 10px; padding: 10px;
@ -328,9 +335,16 @@ div.slide-success__background.fill-screen {
height: 4em; height: 4em;
} }
.shapeshift-logo { .egifter-banner {
display: block; background: #1A3A8B;
float: left; padding: 10px;
max-height: 100%; box-shadow: 0px 5px 10px 0px #cccccc;
max-width: 100%; height: 5em;
}
.egifter-logo {
display: block;
max-height: 100%;
width: 100%;
height: 4em;
} }

View file

@ -15262,8 +15262,10 @@ log-options #check-bar .checkbox-icon {
#view-review .fee-summary { #view-review .fee-summary {
position: absolute; position: absolute;
bottom: 92px; } bottom: 92px; }
#view-review .shapeshift-banner, #view-review .bitpay-banner { #view-review .shapeshift-banner, #view-review .bitpay-banner, #view-review .egifter-banner {
box-shadow: none; } box-shadow: none; }
#view-review .warning {
color: #b7664d; }
.gravatar { .gravatar {
border-radius: 3px; border-radius: 3px;
@ -15410,7 +15412,7 @@ ion-content.padded-bottom-cta-with-summary {
.fee-summary { .fee-summary {
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-between; flex-direction: column;
width: 100%; width: 100%;
padding: 5px 12px 15px; padding: 5px 12px 15px;
box-sizing: border-box; box-sizing: border-box;
@ -15423,12 +15425,17 @@ ion-content.padded-bottom-cta-with-summary {
width: 100%; width: 100%;
height: 15px; height: 15px;
background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #f2f2f2 100%); } background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #f2f2f2 100%); }
.fee-summary .fee-fiat.positive { .fee-summary .amount {
color: #70955F; } display: flex;
.fee-summary .fee-fiat.negative { flex-direction: row;
color: #C24633; } justify-content: space-between;
.fee-summary .fee-crypto { width: 100%; }
color: #A7A7A7; } .fee-summary .amount .fee-fiat.positive {
color: #70955F; }
.fee-summary .amount .fee-fiat.negative {
color: #C24633; }
.fee-summary .amount .fee-crypto {
color: #A7A7A7; }
.amount .start, .amount .start,
.amount .middle, .amount .middle,

View file

@ -0,0 +1,3 @@
<div class="send-header-wrapper egifter-banner">
<img class="egifter-logo" src="img/egifter_banner.png"/>
</div>

View file

@ -5,7 +5,8 @@
</ion-nav-bar> </ion-nav-bar>
<ion-content> <ion-content>
<div ng-if="thirdParty && thirdParty.id === 'shapeshift'" ng-include="'views/thirdparty/shapeshift-header.html'"></div> <div ng-if="thirdParty && thirdParty.id === 'shapeshift'" ng-include="'views/thirdparty/shapeshift-header.html'"></div>
<div ng-if="thirdParty && thirdParty.id === 'bip70' && thirdParty.name === 'bitpay'" ng-include="'views/thirdparty/bitpay-header.html'"></div> <div ng-if="thirdParty && thirdParty.id === 'bip70' && thirdParty.name === 'BitPay'" ng-include="'views/thirdparty/bitpay-header.html'"></div>
<div ng-if="thirdParty && thirdParty.id === 'bip70' && thirdParty.name === 'eGifter'" ng-include="'views/thirdparty/egifter-header.html'"></div>
<div class="header--request" ng-if="isPaymentRequest"> <div class="header--request" ng-if="isPaymentRequest">
<div class="header--request__title" translate>Paying</div> <div class="header--request__title" translate>Paying</div>
<div class="header--request__amount" translate>{{requestAmount}} {{requestCurrency}}</div> <div class="header--request__amount" translate>{{requestAmount}} {{requestCurrency}}</div>