mirror of
https://github.com/crater-invoice/crater.git
synced 2025-11-01 06:01:08 -04:00
build version 400
This commit is contained in:
@ -29,90 +29,44 @@
|
||||
|
||||
/* -- Header -- */
|
||||
|
||||
.header-bottom-divider {
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header-section-left {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px;
|
||||
padding-left: 30px;
|
||||
display: inline-block;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.header-container {
|
||||
position: absolute;
|
||||
margin-top: -30px;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
left: 0px;
|
||||
top: -60px;
|
||||
padding: 0px 30px;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
position: absolute;
|
||||
height: 50px;
|
||||
text-transform: capitalize;
|
||||
color: #817AE3;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.header-section-right {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding: 15px 30px 15px 0px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.header {
|
||||
font-size: 20px;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
/* -- Company Address */
|
||||
|
||||
.company-address-container {
|
||||
width: auto;
|
||||
width: 50%;
|
||||
text-transform: capitalize;
|
||||
padding-left: 80px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.company-address-container h1 {
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0.05em;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.company-address {
|
||||
margin-top: 2px;
|
||||
margin-top: 12px;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
color: #595959;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* -- Content Wrapper */
|
||||
|
||||
.content-wrapper {
|
||||
display: block;
|
||||
padding-top: 100px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
|
||||
}
|
||||
|
||||
.customer-address-container {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 40%;
|
||||
padding: 0 0 0 30px;
|
||||
width: 45%;
|
||||
padding: 10px 0 0 30px;
|
||||
}
|
||||
|
||||
/* -- Shipping -- */
|
||||
@ -127,27 +81,13 @@
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.shipping-address-label {
|
||||
padding-top: 5px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.shipping-address-name {
|
||||
padding: 0px;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
margin: 0px;
|
||||
max-width: 160px;
|
||||
}
|
||||
|
||||
.shipping-address {
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
color: #595959;
|
||||
margin: 0px;
|
||||
margin-top: 5px;
|
||||
width: 160px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* -- Billing -- */
|
||||
@ -157,27 +97,13 @@
|
||||
float: left;
|
||||
}
|
||||
|
||||
.billing-address-label {
|
||||
padding-top: 5px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.billing-address-name {
|
||||
padding: 0px;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
margin: 0px;
|
||||
max-width: 160px;
|
||||
}
|
||||
|
||||
.billing-address {
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
color: #595959;
|
||||
margin: 0px;
|
||||
margin-top: 5px;
|
||||
width: 160px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* -- Estimate Details -- */
|
||||
@ -185,7 +111,7 @@
|
||||
.invoice-details-container {
|
||||
display: block;
|
||||
float: right;
|
||||
padding: 20px 30px 0 0;
|
||||
padding: 10px 30px 0 0;
|
||||
}
|
||||
|
||||
.attribute-label {
|
||||
@ -381,15 +307,15 @@
|
||||
<div class="header-container">
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<td class="header-section-left">
|
||||
<td width="50%" class="header-section-left">
|
||||
@if($logo)
|
||||
<img class="header-logo" src="{{ $logo }}" alt="Company Logo">
|
||||
@else
|
||||
<h1 class="header-logo"> {{$invoice->user->company->name}} </h1>
|
||||
@endif
|
||||
</td>
|
||||
<td class="header-section-right company-address-container">
|
||||
@include('app.pdf.invoice.partials.company-address')
|
||||
<td width="50%" class="company-address-container company-address">
|
||||
{!! $company_address !!}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@ -400,15 +326,21 @@
|
||||
<div class="content-wrapper">
|
||||
<div class="main-content">
|
||||
<div class="customer-address-container">
|
||||
<div class="billing-address-container">
|
||||
@include('app.pdf.invoice.partials.billing-address')
|
||||
<div class="billing-address-container billing-address">
|
||||
@if($billing_address)
|
||||
@lang('pdf_bill_to')
|
||||
{!! $billing_address !!}
|
||||
@endif
|
||||
</div>
|
||||
@if($invoice->user->billingaddress)
|
||||
<div class="shipping-address-container">
|
||||
@if($billing_address !== '</br>')
|
||||
<div class="shipping-address-container shipping-address">
|
||||
@else
|
||||
<div class="shipping-address-container--left">
|
||||
<div class="shipping-address-container--left shipping-address">
|
||||
@endif
|
||||
@include('app.pdf.invoice.partials.shipping-address')
|
||||
@if($shipping_address)
|
||||
@lang('pdf_ship_to')
|
||||
{!! $shipping_address !!}
|
||||
@endif
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
@ -416,15 +348,15 @@
|
||||
<div class="invoice-details-container">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="attribute-label">Invoice Number</td>
|
||||
<td class="attribute-label">@lang('pdf_invoice_number')</td>
|
||||
<td class="attribute-value"> {{$invoice->invoice_number}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="attribute-label">Invoice Date </td>
|
||||
<td class="attribute-label">@lang('pdf_invoice_date')</td>
|
||||
<td class="attribute-value"> {{$invoice->formattedInvoiceDate}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="attribute-label">Due date</td>
|
||||
<td class="attribute-label">@lang('pdf_invoice_due_date')</td>
|
||||
<td class="attribute-value"> {{$invoice->formattedDueDate}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
@ -432,7 +364,14 @@
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
@include('app.pdf.invoice.partials.table')
|
||||
@include('app.pdf.invoice.partials.notes')
|
||||
<div class="notes">
|
||||
@if($notes)
|
||||
<div class="notes-label">
|
||||
@lang('pdf_notes')
|
||||
</div>
|
||||
{!! $notes !!}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user