mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
Merge branch 'pdf-templates' into 'master'
fix invoice and estimate page-break margin See merge request mohit.panjvani/crater-web!30
This commit is contained in:
Mohit Panjwani
@ -35,7 +35,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 0px;
|
top: -50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-logo {
|
.header-logo {
|
||||||
@ -69,10 +69,15 @@
|
|||||||
color: rgba(0, 0, 0, 0.5);
|
color: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@page {
|
||||||
|
margin-top: 60px !important;
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 60px;
|
margin-top: 0px;
|
||||||
padding-bottom: 60px;
|
padding-top: 16px;
|
||||||
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -343,6 +348,7 @@
|
|||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
width: 442px;
|
width: 442px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notes-label {
|
.notes-label {
|
||||||
@ -375,8 +381,8 @@
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
<hr class="header-line" style="border: 0.620315px solid #E8E8E8;" />
|
||||||
</div>
|
</div>
|
||||||
<hr class="header-line" />
|
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="address">
|
<div class="address">
|
||||||
<div class="company">
|
<div class="company">
|
||||||
@ -413,7 +419,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div style="clear: both;"></div>
|
<div style="clear: both;"></div>
|
||||||
</div>
|
</div>
|
||||||
@include('app.pdf.estimate.partials.table')
|
<div style="position:relative">
|
||||||
|
@include('app.pdf.estimate.partials.table')
|
||||||
|
</div>
|
||||||
@include('app.pdf.estimate.partials.notes')
|
@include('app.pdf.estimate.partials.notes')
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -23,15 +23,17 @@
|
|||||||
display:inline-block;
|
display:inline-block;
|
||||||
width:30%;
|
width:30%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@page {
|
||||||
|
margin-top: 60px !important;
|
||||||
|
}
|
||||||
.header-table {
|
.header-table {
|
||||||
background: #817AE3;
|
background: #817AE3;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 141px;
|
height: 141px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 0px;
|
top: -60px;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.header-logo {
|
.header-logo {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -73,8 +75,8 @@
|
|||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
margin-top: 60px;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -371,6 +373,7 @@
|
|||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
width: 442px;
|
width: 442px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notes-label {
|
.notes-label {
|
||||||
|
|||||||
@ -19,7 +19,7 @@
|
|||||||
hr {
|
hr {
|
||||||
color:rgba(0, 0, 0, 0.2);
|
color:rgba(0, 0, 0, 0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 140px;
|
top: 80px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
right: -70px;
|
right: -70px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -37,9 +37,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 0px;
|
top: -60px;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.header-logo {
|
.header-logo {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -77,10 +75,14 @@
|
|||||||
color: rgba(0, 0, 0, 0.5);
|
color: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@page {
|
||||||
|
margin-top: 60px !important;
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
padding-top: 50px;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -379,6 +381,7 @@
|
|||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
width: 442px;
|
width: 442px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notes-label {
|
.notes-label {
|
||||||
@ -416,7 +419,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr style="border: 0.620315px solid #E8E8E8;">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="address">
|
<div class="address">
|
||||||
<div class="bill-add">
|
<div class="bill-add">
|
||||||
|
|||||||
@ -70,10 +70,15 @@
|
|||||||
color: rgba(0, 0, 0, 0.5);
|
color: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@page {
|
||||||
|
margin-top: 60px !important;
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
|
margin-top: 0px;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -350,6 +355,7 @@
|
|||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
width: 442px;
|
width: 442px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notes-label {
|
.notes-label {
|
||||||
|
|||||||
@ -23,15 +23,16 @@
|
|||||||
display:inline-block;
|
display:inline-block;
|
||||||
width:30%;
|
width:30%;
|
||||||
}
|
}
|
||||||
|
@page {
|
||||||
|
margin-top: 60px !important;
|
||||||
|
}
|
||||||
.header-table {
|
.header-table {
|
||||||
background: #817AE3;
|
background: #817AE3;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 141px;
|
height: 141px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 0px;
|
top: -60px;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.header-logo {
|
.header-logo {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -73,8 +74,8 @@
|
|||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
margin-top: 60px;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -381,6 +382,7 @@
|
|||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
width: 442px;
|
width: 442px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notes-label {
|
.notes-label {
|
||||||
|
|||||||
@ -19,7 +19,7 @@
|
|||||||
hr {
|
hr {
|
||||||
color:rgba(0, 0, 0, 0.2);
|
color:rgba(0, 0, 0, 0.2);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 140px;
|
top: 80px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
right: -70px;
|
right: -70px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -37,9 +37,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 0px;
|
top: -60px;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.header-logo {
|
.header-logo {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -77,10 +75,13 @@
|
|||||||
color: rgba(0, 0, 0, 0.5);
|
color: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@page {
|
||||||
|
margin-top: 60px !important;
|
||||||
|
}
|
||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
padding-top: 50px;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -390,6 +391,7 @@
|
|||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
width: 442px;
|
width: 442px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
page-break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notes-label {
|
.notes-label {
|
||||||
@ -427,7 +429,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr style="border: 0.620315px solid #E8E8E8;">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="address">
|
<div class="address">
|
||||||
<div class="bill-add">
|
<div class="bill-add">
|
||||||
|
|||||||
Reference in New Issue
Block a user