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

Updates for designs

Browse Source
This commit is contained in:
David Bomba 2023-02-26 16:17:28 +11:00
parent bc23aef744
commit 79ae2709f1
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/pdf-designs/bold.html
View File

@ -58,7 +58,7 @@
#header, #header-spacer { #header, #header-spacer {
height: 160px; height: 160px;
padding: 3rem; padding: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.company-logo { .company-logo {

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

@ -22,7 +22,7 @@
html { html {
margin: 0; margin: 0;
padding-top: 0rem; padding-top: 1rem;
padding-left: 4rem; padding-left: 4rem;
padding-right: 4rem; padding-right: 4rem;
} }
@ -39,8 +39,13 @@
.header-wrapper { .header-wrapper {
display: grid; display: grid;
grid-template-columns: 1fr 0.5fr; margin-top: 2rem;
line-height: var(--line-height); gap: 20px;
grid-template-columns: 2fr 1fr 1fr;
grid-template-areas: "a b c";
grid-auto-columns: minmax(0, 5fr);
grid-auto-flow: column;
justify-content: left;
} }
.header-wrapper2 { .header-wrapper2 {
@ -59,6 +64,15 @@
max-width: $company_logo_size; max-width: $company_logo_size;
} }
.logo-container {
display: flex;
flex-direction: column;
}
.company-container {
display: flex;
flex-direction: column;
}
.client-and-entity-wrapper { .client-and-entity-wrapper {
display: flex; display: flex;
padding: 1rem; padding: 1rem;
@ -369,13 +383,11 @@
<td> <td>
<div id=""> <div id="">
<div class="header-wrapper"> <div class="header-wrapper">
<div> <div class="logo-container">
<img class="company-logo" src="$company.logo" alt="$company.name logo"> <img class="company-logo" src="$company.logo" alt="$company.name logo">
</div> </div>
<div style="float:right; width:100%;">
<div id="company-details"></div> <div id="company-details"></div>
<div id="company-address" style="margin-top:10px;"></div> <div id="company-address"></div>
</div>
</div> </div>
<div class="header-wrapper2"> <div class="header-wrapper2">
<div id="client-details"></div> <div id="client-details"></div>