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

Update modern design

Browse Source
This commit is contained in:
David Bomba 2021-12-15 13:08:51 +11:00
parent 5a8a52800b
commit a866fe4aec
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/pdf-designs/modern.html
View File

@ -49,8 +49,8 @@
#header, #header-spacer { #header, #header-spacer {
height: 160px; height: 160px;
padding: 3rem; padding: 1rem;
margin-bottom: 3rem; margin-bottom: 1rem;
} }
.company-name { .company-name {
@ -73,7 +73,7 @@
} }
.logo-client-wrapper { .logo-client-wrapper {
margin: 0 2rem 3rem; margin: 0 2rem 0rem;
display: grid; display: grid;
grid-template-columns: 1.5fr 1fr; grid-template-columns: 1.5fr 1fr;
} }
@ -92,7 +92,7 @@
} }
.table-wrapper { .table-wrapper {
margin: 3rem 2rem; margin: 0rem 2rem;
} }
[data-ref="table"] { [data-ref="table"] {
@ -149,8 +149,8 @@
#footer, #footer-spacer { #footer, #footer-spacer {
height: 220px; height: 220px;
padding: 1rem 1.5rem; padding: 0rem 0rem;
margin-top: 1rem; margin-top: 0rem;
} }
.footer-content { .footer-content {
@ -161,11 +161,13 @@
color: #fff4e9; color: #fff4e9;
max-height: 140px; max-height: 140px;
justify-content: space-between; justify-content: space-between;
margin-top: 0.5rem;
margin-left: 0.5rem;
} }
.footer-company-details-address-wrapper { .footer-company-details-address-wrapper {
display: flex; display: flex;
gap: 5px; gap: 0px;
margin-right: 60px; margin-right: 60px;
} }
@ -173,8 +175,8 @@
#company-details { #company-details {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 2rem; margin-top: 0.5rem;
margin-bottom: 2rem; margin-bottom: 0rem;
} }
#company-address > *, #company-address > *,
@ -226,8 +228,8 @@
} }
[data-ref="total_table-footer"] { [data-ref="total_table-footer"] {
margin-top: 2rem; margin-top: 1rem;
margin-bottom: 2rem; margin-bottom: 1rem;
} }
table { table {
@ -348,7 +350,7 @@ $entity_images
<div id="footer"> <div id="footer">
<div class="footer-content"> <div class="footer-content">
<div style="width: 90%"> <div style="width: 70%">
<p data-ref="total_table-footer">$entity_footer</p> <p data-ref="total_table-footer">$entity_footer</p>
<script> <script>