invoice template styles updated

This commit is contained in:
batuhanbas 2020-03-13 12:15:32 +03:00
parent a13225047e
commit b0fdd2d042
3 changed files with 57 additions and 20 deletions

64
public/css/print.css vendored
View File

@ -39,6 +39,16 @@ th, td
margin-left: 8px; margin-left: 8px;
} }
.mt-0
{
margin-top: 0 !important;
}
.mt-1
{
margin-top: 8px;
}
.mt-2 .mt-2
{ {
margin-top: 16px; margin-top: 16px;
@ -111,6 +121,41 @@ th, td
padding-left: 16px; padding-left: 16px;
} }
.pl-3
{
padding-left: 24px;
}
.pl-4
{
padding-left: 32px;
}
.pl-5
{
padding-left: 40px;
}
.pl-6
{
padding-left: 48px;
}
.pl-7
{
padding-left: 56px;
}
.pl-8
{
padding-left: 64px;
}
.pl-9
{
padding-left: 72px;
}
.border-1 .border-1
{ {
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
@ -149,7 +194,7 @@ th, td
.text .text
{ {
color: #3c3f72; color: #3c3f72;
margin-top:10px; margin-top:8px;
font-size: 13px; font-size: 13px;
} }
@ -285,7 +330,7 @@ th, td
.invoice-classic-inline-frame .invoice-classic-inline-frame
{ {
margin: 0.3% 1% 0.3% 1%; margin: 0.3% 1% 0.3% 1%;
width: 95 !important; width: 95% !important;
height: 59px; height: 59px;
border: 3px solid #3c3f72; border: 3px solid #3c3f72;
} }
@ -337,21 +382,14 @@ th, td
/*--Print Template Classic Finish--*/ /*--Print Template Classic Finish--*/
/*--Print Template Modern Start--*/ /*--Print Template Modern Start--*/
.m-first-column .align-items-center
{ {
padding-top: 15px; align-items: center !important;
padding-bottom:48px;
} }
.m-fc-left .d-flex
{ {
padding-right: 30px; display: flex !important;
}
.m-fc-right
{
padding-left: 170px;
margin-top: -70px;
} }
.m-note .m-note

View File

@ -182,14 +182,14 @@
@stack($total->code . '_td_start') @stack($total->code . '_td_start')
<div class="border-top-1 py-2"> <div class="border-top-1 py-2">
<strong class="float-left">{{ trans($total->title) }}:</strong> <strong class="float-left">{{ trans($total->title) }}:</strong>
<span>@money($total->amount, $invoice->currency_code, true)</span><br><br> <span>@money($total->amount, $invoice->currency_code, true)</span><br>
</div> </div>
@stack($total->code . '_td_end') @stack($total->code . '_td_end')
@else @else
@if ($invoice->paid) @if ($invoice->paid)
<div class="border-top-1 py-2"> <div class="border-top-1 py-2">
<strong class="float-left">{{ trans('invoices.paid') }}:</strong> <strong class="float-left">{{ trans('invoices.paid') }}:</strong>
<span>- @money($invoice->paid, $invoice->currency_code, true)</span><br><br> <span>- @money($invoice->paid, $invoice->currency_code, true)</span><br>
</div> </div>
@endif @endif
@stack('grand_total_td_start') @stack('grand_total_td_start')

View File

@ -4,12 +4,11 @@
@section('content') @section('content')
<div class="row" style="background-color:{{ setting('invoice.color') }} !important; -webkit-print-color-adjust: exact;"> <div class="row" style="background-color:{{ setting('invoice.color') }} !important; -webkit-print-color-adjust: exact;">
<div class="col-58 m-first-column"> <div class="col-58">
<div class="text company pl-2 m-fc-left"> <div class="text company pl-2 mb-1 d-flex align-items-center">
<img src="{{ $logo }}" alt="{{ setting('company.name') }}"/> <img src="{{ $logo }}" alt="{{ setting('company.name') }}"/>
</div>
<div class="text company m-fc-right"> <strong class="pl-2 text-white">{{ setting('company.name') }}</strong>
<strong class="text-white">{{ setting('company.name') }}</strong>
</div> </div>
</div> </div>