classname edited for print
This commit is contained in:
parent
709d6b12f4
commit
203b47169c
52
public/css/print.css
vendored
52
public/css/print.css
vendored
@ -59,12 +59,12 @@ th, td
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mt-1
|
||||
.print-template .mt-1
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.ml-1
|
||||
.print-template .ml-1
|
||||
{
|
||||
margin-left: 8px;
|
||||
}
|
||||
@ -74,67 +74,67 @@ th, td
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
.mt-0
|
||||
.print-template .mt-0
|
||||
{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.mt-1
|
||||
.print-template .mt-1
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mt-2
|
||||
.print-template .mt-2
|
||||
{
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.mt-3
|
||||
.print-template .mt-3
|
||||
{
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.mt-4
|
||||
.print-template .mt-4
|
||||
{
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.mt-5
|
||||
.print-template .mt-5
|
||||
{
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.mt-6
|
||||
.print-template .mt-6
|
||||
{
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.mt-7
|
||||
.print-template .mt-7
|
||||
{
|
||||
margin-top: 56px;
|
||||
}
|
||||
|
||||
.mt-8
|
||||
.print-template .mt-8
|
||||
{
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.mt-9
|
||||
.print-template .mt-9
|
||||
{
|
||||
margin-top: 72px;
|
||||
}
|
||||
|
||||
.pb-0
|
||||
.print-template .pb-0
|
||||
{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.pb-1
|
||||
.print-template .pb-1
|
||||
{
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.py-1
|
||||
.print-template .py-1
|
||||
{
|
||||
padding-bottom: 3px;
|
||||
padding-top: 3px;
|
||||
@ -158,47 +158,47 @@ th, td
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.pt-2
|
||||
.print-template .pt-2
|
||||
{
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.pb-2
|
||||
.print-template .pb-2
|
||||
{
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.pl-3
|
||||
.print-template .pl-3
|
||||
{
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.pl-4
|
||||
.print-template .pl-4
|
||||
{
|
||||
padding-left: 32px;
|
||||
}
|
||||
|
||||
.pl-5
|
||||
.print-template .pl-5
|
||||
{
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.pl-6
|
||||
.print-template .pl-6
|
||||
{
|
||||
padding-left: 48px;
|
||||
}
|
||||
|
||||
.pl-7
|
||||
.print-template .pl-7
|
||||
{
|
||||
padding-left: 56px;
|
||||
}
|
||||
|
||||
.pl-8
|
||||
.print-template .pl-8
|
||||
{
|
||||
padding-left: 64px;
|
||||
}
|
||||
|
||||
.pl-9
|
||||
.print-template .pl-9
|
||||
{
|
||||
padding-left: 72px;
|
||||
}
|
||||
@ -383,7 +383,7 @@ html[dir='rtl'] .text-alignment-right {
|
||||
.lines
|
||||
{
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
table-layout: auto;
|
||||
border-bottom: 1px solid #adadad;
|
||||
}
|
||||
|
||||
@ -564,7 +564,7 @@ html[dir='rtl'] .text-alignment-right {
|
||||
.modern-lines
|
||||
{
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
.modern-lines .item
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="p-7 shadow-2xl rounded-2xl print-template">
|
||||
<div class="p-7 shadow-2xl rounded-2xl">
|
||||
@if ($documentTemplate)
|
||||
@switch($documentTemplate)
|
||||
@case('classic')
|
||||
|
@ -1,4 +1,5 @@
|
||||
<div class="row">
|
||||
<div class="print-template">
|
||||
<div class="row">
|
||||
<div class="col-100">
|
||||
<div class="text text-dark">
|
||||
<h3>
|
||||
@ -6,9 +7,9 @@
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="row">
|
||||
<div class="col-58">
|
||||
<div class="text">
|
||||
@stack('company_logo_start')
|
||||
@ -72,9 +73,9 @@
|
||||
@stack('company_details_end')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-2">
|
||||
<div class="row mt-2">
|
||||
<div class="col-33">
|
||||
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
|
||||
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
|
||||
@ -104,9 +105,9 @@
|
||||
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
|
||||
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row top-spacing">
|
||||
<div class="row top-spacing">
|
||||
<div class="col-60">
|
||||
<div class="text p-index-left">
|
||||
@if (! $hideContactInfo)
|
||||
@ -227,9 +228,9 @@
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (! $hideItems)
|
||||
@if (! $hideItems)
|
||||
<div class="row">
|
||||
<div class="col-100">
|
||||
<div class="text extra-spacing">
|
||||
@ -308,9 +309,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<div class="row mt-4 clearfix">
|
||||
<div class="row mt-4 clearfix">
|
||||
<div class="col-60">
|
||||
<div class="text p-index-right">
|
||||
@stack('notes_input_start')
|
||||
@ -370,9 +371,9 @@
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (! $hideFooter)
|
||||
@if (! $hideFooter)
|
||||
@if ($document->footer)
|
||||
<div class="row mt-1">
|
||||
<div class="col-100">
|
||||
@ -384,4 +385,5 @@
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
|
@ -1,4 +1,5 @@
|
||||
<div class="row">
|
||||
<div class="print-template">
|
||||
<div class="row">
|
||||
<div class="col-100">
|
||||
<div class="text text-dark">
|
||||
<h3>
|
||||
@ -6,9 +7,9 @@
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row border-bottom-1">
|
||||
<div class="row border-bottom-1">
|
||||
<div class="col-58">
|
||||
<div class="text">
|
||||
@stack('company_logo_start')
|
||||
@ -69,9 +70,9 @@
|
||||
@stack('company_details_end')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row top-spacing">
|
||||
<div class="row top-spacing">
|
||||
<div class="col-60">
|
||||
<div class="text p-index-left">
|
||||
@if (! $hideContactInfo)
|
||||
@ -188,9 +189,9 @@
|
||||
@stack('due_at_input_end')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (! $hideItems)
|
||||
@if (! $hideItems)
|
||||
<div class="row">
|
||||
<div class="col-100">
|
||||
<div class="text extra-spacing">
|
||||
@ -269,9 +270,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<div class="row mt-9 clearfix">
|
||||
<div class="row mt-9 clearfix">
|
||||
<div class="col-60">
|
||||
<div class="text p-index-left">
|
||||
@stack('notes_input_start')
|
||||
@ -329,9 +330,9 @@
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (! $hideFooter)
|
||||
@if (! $hideFooter)
|
||||
@if ($document->footer)
|
||||
<div class="row mt-4">
|
||||
<div class="col-100 text-left">
|
||||
@ -343,4 +344,5 @@
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
|
@ -1,4 +1,5 @@
|
||||
<div class="row">
|
||||
<div class="print-template">
|
||||
<div class="row">
|
||||
<div class="col-100">
|
||||
<div class="text text-dark">
|
||||
<h3>
|
||||
@ -6,9 +7,9 @@
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row modern-head pt-2 pb-2 mt-1 bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
|
||||
<div class="row modern-head pt-2 pb-2 mt-1 bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
|
||||
<div class="col-58">
|
||||
<div class="text p-modern">
|
||||
@stack('company_logo_start')
|
||||
@ -75,9 +76,9 @@
|
||||
@stack('company_details_end')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row top-spacing">
|
||||
<div class="row top-spacing">
|
||||
<div class="col-50">
|
||||
<div class="text p-modern">
|
||||
@if (! $hideContactInfo)
|
||||
@ -199,9 +200,9 @@
|
||||
@stack('due_at_input_end')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (! $hideItems)
|
||||
@if (! $hideItems)
|
||||
<div class="row">
|
||||
<div class="col-100">
|
||||
<div class="text extra-spacing">
|
||||
@ -280,9 +281,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<div class="row mt-7 clearfix">
|
||||
<div class="row mt-7 clearfix">
|
||||
<div class="col-60">
|
||||
<div class="text p-index-right p-modern">
|
||||
@stack('notes_input_start')
|
||||
@ -340,9 +341,9 @@
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (! $hideFooter)
|
||||
@if (! $hideFooter)
|
||||
@if ($document->footer)
|
||||
<div class="row mt-7">
|
||||
<div class="col-100 py-top p-modern bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
|
||||
@ -354,4 +355,5 @@
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
@ -1,4 +1,4 @@
|
||||
<div class="p-7 shadow-2xl rounded-2xl print-template">
|
||||
<div class="p-7 shadow-2xl rounded-2xl">
|
||||
@if ($transactionTemplate)
|
||||
@switch($transactionTemplate)
|
||||
@case('classic')
|
||||
|
@ -1,6 +1,7 @@
|
||||
@stack('company_start')
|
||||
@if (!$hideCompany)
|
||||
<table class="border-bottom-1">
|
||||
<div class="print-template">
|
||||
@stack('company_start')
|
||||
@if (!$hideCompany)
|
||||
<table class="border-bottom-1">
|
||||
<tr>
|
||||
@if (!$hideCompanyLogo)
|
||||
<td style="width:20%; padding: 0 0 15px 0;" valign="top">
|
||||
@ -50,11 +51,11 @@
|
||||
</td>
|
||||
@endif
|
||||
</tr>
|
||||
</table>
|
||||
@endif
|
||||
@stack('company_end')
|
||||
</table>
|
||||
@endif
|
||||
@stack('company_end')
|
||||
|
||||
@if (!$hideContentTitle)
|
||||
@if (!$hideContentTitle)
|
||||
<table>
|
||||
<tr>
|
||||
<td style="width: 60%; padding: 15px 0 15px 0;">
|
||||
@ -64,9 +65,9 @@
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<table>
|
||||
<table>
|
||||
@stack('number_input_start')
|
||||
@if (!$hideNumber)
|
||||
<tr>
|
||||
@ -166,9 +167,9 @@
|
||||
</tr>
|
||||
@endif
|
||||
@stack('description_input_end')
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table class="border-top-1" style="margin-top:15px;">
|
||||
<table class="border-top-1" style="margin-top:15px;">
|
||||
<tr>
|
||||
<td style="width: 60%; padding: 15px 0 15px 0;">
|
||||
<h2 style="font-size: 12px; font-weight:600;">
|
||||
@ -176,9 +177,9 @@
|
||||
</h2>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table class="border-bottom-1" style="padding-bottom:15px;">
|
||||
<table class="border-bottom-1" style="padding-bottom:15px;">
|
||||
@if (!$hideContact)
|
||||
|
||||
@if (! $hideContactInfo)
|
||||
@ -261,9 +262,9 @@
|
||||
<tr>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
@if (!$hideRelated)
|
||||
@if (!$hideRelated)
|
||||
@if ($transaction->document)
|
||||
<table>
|
||||
<tr>
|
||||
@ -340,9 +341,9 @@
|
||||
</tbody>
|
||||
</table>
|
||||
@endif
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if (!$hideAmount)
|
||||
@if (!$hideAmount)
|
||||
<table style="text-align: right; margin-top:55px;">
|
||||
<tr>
|
||||
<td valign="center" style="width:80%; display:block; float:right; background-color: #55588B; -webkit-print-color-adjust: exact; color:#ffffff; border-radius: 5px;">
|
||||
@ -359,4 +360,5 @@
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
|
@ -6,7 +6,7 @@
|
||||
</div>
|
||||
|
||||
<div class="w-full lg:w-7/12">
|
||||
<div class="p-7 shadow-2xl rounded-2xl print-template">
|
||||
<div class="p-7 shadow-2xl rounded-2xl">
|
||||
<x-transfers.show.template :model="$transfer" />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,4 +1,5 @@
|
||||
<table class="border-bottom-1" style="width: 100%;">
|
||||
<div class="print-template">
|
||||
<table class="border-bottom-1" style="width: 100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="width: 60%; padding: 0 0 15px 0;">
|
||||
@ -68,9 +69,9 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table class="border-bottom-1" style="width: 100%; margin-top:15px;">
|
||||
<table class="border-bottom-1" style="width: 100%; margin-top:15px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="width: 60%; padding: 0 0 15px 0;">
|
||||
@ -140,9 +141,9 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table style="width: 100%; margin-top:15px;">
|
||||
<table style="width: 100%; margin-top:15px;">
|
||||
<tr>
|
||||
<td style="padding:0 0 15px 0;">
|
||||
<h2 class="text-left text-uppercase" style="font-size: 14px; font-weight:600;">
|
||||
@ -150,9 +151,9 @@
|
||||
</h2>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<table>
|
||||
<tr>
|
||||
<td valign="top" style="width: 30%; margin: 0px; padding: 0 4px 8px 0; font-size: 12px; font-weight:600;">
|
||||
{{ trans('general.date') }}:
|
||||
@ -196,9 +197,9 @@
|
||||
{{ $transfer->expense_transaction->description }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table style="text-align: right;">
|
||||
<table style="text-align: right;">
|
||||
<tr>
|
||||
<td valign="center" style="width:80%; display:block; float:right; background-color: #55588B; -webkit-print-color-adjust: exact; color:#ffffff; border-radius: 5px;">
|
||||
<table>
|
||||
@ -214,4 +215,5 @@
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
|
@ -1,4 +1,5 @@
|
||||
<table style="width: 100%;">
|
||||
<div class="print-template">
|
||||
<table style="width: 100%;">
|
||||
<tr>
|
||||
<td style="padding:0 0 15px 0;">
|
||||
<h2 class="text-left" style="font-size: 14px; font-weight:600;">
|
||||
@ -6,9 +7,9 @@
|
||||
</h2>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<table>
|
||||
<tr>
|
||||
<td valign="top" style="width: 30%; margin: 0px; padding: 8px 0 8px 0; font-size: 12px; font-weight:600; border-bottom:1px solid #adadad;">
|
||||
{{ trans('general.date') }}:
|
||||
@ -52,9 +53,9 @@
|
||||
{{ $transfer->expense_transaction->description }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table style="width: 100%; margin-top:35px;">
|
||||
<table style="width: 100%; margin-top:35px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="border-bottom-1 border-top-1" style="width: 60%; padding: 15px 0 15px 0;">
|
||||
@ -124,9 +125,9 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table style="width: 100%; margin-top:15px;">
|
||||
<table style="width: 100%; margin-top:15px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="width: 60%; padding: 0 0 15px 0;">
|
||||
@ -196,9 +197,9 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table style="text-align: right;">
|
||||
<table style="text-align: right;">
|
||||
<tr>
|
||||
<td valign="center" style="width:80%; display:block; float:right;">
|
||||
<table>
|
||||
@ -214,4 +215,5 @@
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
|
@ -1,4 +1,5 @@
|
||||
<table class="border-bottom-1" style="width: 100%;">
|
||||
<div class="print-template">
|
||||
<table class="border-bottom-1" style="width: 100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="width: 50%; padding: 0 15px 15px 0;" valign="top">
|
||||
@ -150,9 +151,9 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table style="width: 100%; margin-top:15px;">
|
||||
<table style="width: 100%; margin-top:15px;">
|
||||
<tr>
|
||||
<td style="padding:0 0 15px 0;">
|
||||
<h2 class="text-left text-uppercase" style="font-size: 14px; font-weight:600;">
|
||||
@ -160,9 +161,9 @@
|
||||
</h2>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<table>
|
||||
<tr>
|
||||
<td valign="top" style="width: 30%; margin: 0px; padding: 0; font-size: 12px; font-weight:600; line-height: 24px;">
|
||||
{{ trans('general.date') }}:
|
||||
@ -206,9 +207,9 @@
|
||||
{{ $transfer->expense_transaction->description }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
|
||||
<table style="text-align: right;">
|
||||
<table style="text-align: right;">
|
||||
<tr>
|
||||
<td valign="center" style="width:80%; display:block; float:right;">
|
||||
<table>
|
||||
@ -224,4 +225,5 @@
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user