Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-06-03 09:24:33 -04:00
Code Issues Packages Projects Releases Wiki Activity

playful

Browse Source
This commit is contained in:
Benjamin Beganović 2020-09-11 16:45:55 +02:00
parent 32aa291ff4
commit 177eaa2ef5
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
resources/views/pdf-designs/playful.html
View File

@ -68,7 +68,6 @@
margin-top: 1rem; margin-top: 1rem;
padding: 1rem; padding: 1rem;
border-top: 1px solid #009e90; border-top: 1px solid #009e90;
border-bottom: 1px solid #009e90;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 10px; gap: 10px;
@ -77,6 +76,10 @@
margin-top: 1rem; margin-top: 1rem;
padding: 1rem; padding: 1rem;
border-top: 1px solid #009e90; border-top: 1px solid #009e90;
}
.contact-wrapper-left-side,
.contact-wrapper-right-side {
border-bottom: 1px solid #009e90; border-bottom: 1px solid #009e90;
} }
@ -117,10 +120,14 @@
text-align: right; text-align: right;
} }
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * { #product-table-footer > * {
display: grid; display: grid;
grid-template-columns: 3fr 1fr 1fr; grid-template-columns: 3fr 1fr 1fr;
padding-top: 1rem; padding-top: 0.5rem;
padding-left: 1rem; padding-left: 1rem;
gap: 20px; gap: 20px;
} }
@ -164,7 +171,7 @@
</div> </div>
<div class="contacts-wrapper"> <div class="contacts-wrapper">
<div> <div class="contact-wrapper-left-side">
<p class="contact-label">$to_label:</p> <p class="contact-label">$to_label:</p>
<div class="company-info"> <div class="company-info">
<div id="company-details"></div> <div id="company-details"></div>
@ -172,9 +179,8 @@
</div> </div>
</div> </div>
<div> <div class="contact-wrapper-right-side">
<p class="contact-label">$from_label:</p> <p class="contact-label">$from_label:</p>
<div id="client-details"></div> <div id="client-details"></div>
</div> </div>
</div> </div>