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

Clean: Update line height, company logo position

Browse Source
This commit is contained in:
Benjamin Beganović 2021-08-17 18:46:22 +02:00
parent 45cb41a65a
commit 84febb3a2a
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
resources/views/pdf-designs/clean.html
View File

@ -2,6 +2,7 @@
:root { :root {
--primary-color: $primary_color; --primary-color: $primary_color;
--secondary-color: $secondary_color; --secondary-color: $secondary_color;
--line-height: 1.6;
} }
body { body {
@ -35,6 +36,7 @@
#company-details { #company-details {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
line-height: var(--line-height);
} }
#company-details > p:first-child { #company-details > p:first-child {
@ -44,10 +46,11 @@
#company-address { #company-address {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
line-height: var(--line-height);
} }
.entity-label { .entity-label {
margin-top: 1rem; margin-top: 2.5rem;
text-transform: uppercase; text-transform: uppercase;
padding-left: 1rem; padding-left: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -56,8 +59,7 @@
} }
.client-and-entity-wrapper { .client-and-entity-wrapper {
display: grid; display: flex;
grid-template-columns: .75fr 1fr;
padding: 1rem; padding: 1rem;
border-top: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;
@ -65,16 +67,21 @@
#entity-details { #entity-details {
text-align: left; text-align: left;
margin-right: 20px;
} }
#entity-details > tr, #entity-details > tr,
#entity-details th { #entity-details th {
font-weight: normal; font-weight: normal;
padding-right: 15px;
padding-top: 2.5px;
padding-bottom: 2.5px;
} }
#client-details { #client-details {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
line-height: var(--line-height);
} }
#client-details > :first-child { #client-details > :first-child {
@ -242,11 +249,9 @@
<div id="body"> <div id="body">
<div class="header-container"> <div class="header-container">
<img <div class="company-logo-container">
class="company-logo" <img class="company-logo" src="$company.logo" alt="$company.name logo">
src="$company.logo" </div>
alt="$company.name logo"
/>
<div id="company-details"></div> <div id="company-details"></div>
<div id="company-address"></div> <div id="company-address"></div>
@ -254,7 +259,9 @@
<p class="entity-label">$entity_label</p> <p class="entity-label">$entity_label</p>
<div class="client-and-entity-wrapper"> <div class="client-and-entity-wrapper">
<table id="entity-details" cellspacing="0" dir="$dir"></table> <div>
<table id="entity-details" cellspacing="0" dir="$dir"></table>
</div>
<div id="client-details"></div> <div id="client-details"></div>
</div> </div>