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

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

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