Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Improve payment page styling

Browse Source
This commit is contained in:
Hillel Coren 2017-11-29 21:12:08 +02:00
parent f5a5881454
commit 8524d3f401
2 changed files with 133 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/payments/credit_card.blade.php
View File

@ -160,6 +160,9 @@
@endif @endif
<h3>{{ trans('texts.contact_information') }}</h3> <h3>{{ trans('texts.contact_information') }}</h3>
<hr class="form-legend"/>
<div style="padding-bottom: 22px;">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
{!! Former::text('first_name') {!! Former::text('first_name')
@ -182,11 +185,13 @@
->label('') !!} ->label('') !!}
</div> </div>
</div> </div>
</div>
<p>&nbsp;<br/>&nbsp;</p>
@if (!empty($accountGateway->show_address)) @if (!empty($accountGateway->show_address))
<h3>{{ trans('texts.billing_address') }} &nbsp;&nbsp; <span class="help">{{ trans('texts.payment_footer1') }}</span></h3> <h3>{{ trans('texts.billing_address') }} &nbsp;&nbsp; <span class="help">{{ trans('texts.payment_footer1') }}</span></h3>
<hr class="form-legend"/>
<div style="padding-bottom: 22px;">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
{!! Former::text('address1') {!! Former::text('address1')
@ -230,8 +235,7 @@
->label('') !!} ->label('') !!}
</div> </div>
</div> </div>
</div>
<p>&nbsp;<br/>&nbsp;</p>
@endif @endif
@if (!empty($accountGateway->show_shipping_address)) @if (!empty($accountGateway->show_shipping_address))
@ -245,6 +249,9 @@
</span> </span>
@endif @endif
</h3> </h3>
<hr class="form-legend"/>
<div style="padding-bottom: 22px;">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
{!! Former::text('shipping_address1') {!! Former::text('shipping_address1')
@ -288,16 +295,14 @@
->label('') !!} ->label('') !!}
</div> </div>
</div> </div>
</div>
<p>&nbsp;<br/>&nbsp;</p>
@endif @endif
@if ($accountGateway->isGateway(GATEWAY_WEPAY) && $account->token_billing_type_id == TOKEN_BILLING_DISABLED) @if ($accountGateway->isGateway(GATEWAY_WEPAY) && $account->token_billing_type_id == TOKEN_BILLING_DISABLED)
{{--- do nothing ---}} {{--- do nothing ---}}
@else @else
<div class="row"> <div class="row">
<div class="col-lg-{{ ($accountGateway->gateway_id == GATEWAY_BRAINTREE) ? 12 : 8 }}"> <div class="col-lg-12">
<h3> <h3>
{{ trans('texts.billing_method') }} {{ trans('texts.billing_method') }}
@if (isset($acceptedCreditCardTypes)) @if (isset($acceptedCreditCardTypes))
@ -308,6 +313,9 @@
@endif @endif
<br/> <br/>
</h3> </h3>
<hr class="form-legend"/>
</div>
<div class="col-lg-{{ ($accountGateway->gateway_id == GATEWAY_BRAINTREE) ? 12 : 8 }}">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -393,7 +401,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4" style="padding-top: 12px; padding-left: 0px;">
<div class='card-wrapper'></div> <div class='card-wrapper'></div>
</div> </div>
</div> </div>

13
resources/views/payments/payment_css.blade.php
View File

@ -72,6 +72,11 @@ header {
margin: 0px !important margin: 0px !important
} }
hr.form-legend {
margin-bottom: 4px;
margin-top: 12px;
}
@media screen and (min-width: 700px) { @media screen and (min-width: 700px) {
header { header {
margin: 20px 0 75px; margin: 20px 0 75px;
@ -85,6 +90,14 @@ header {
} }
@media screen and (min-width: 1140px) {
.panel-body {
padding-left: 180px;
padding-right: 180px;
}
}
h2 { h2 {
font-weight: 300; font-weight: 300;
font-size: 30px; font-size: 30px;