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

Merge pull request #5736 from beganovich/v5-1805-design-updates

Browse Source 
(v5) Design fixes & improvements
This commit is contained in:
Benjamin Beganović 2021-05-18 13:15:15 +02:00 committed by GitHub
commit 7b0b928e72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 31 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
database/migrations/2021_04_25_115919_update_designs.php → database/migrations/2021_05_18_115919_update_designs.php
View File

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

@ -26,6 +26,7 @@
.header-wrapper { .header-wrapper {
display: grid; display: grid;
grid-template-columns: 1.5fr 1fr 1fr; grid-template-columns: 1.5fr 1fr 1fr;
gap: 20px;
background-color: #2d2c2a; background-color: #2d2c2a;
padding: 3rem; padding: 3rem;
color: white; color: white;
@ -33,7 +34,7 @@
} }
.company-logo { .company-logo {
height: 6rem; width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
} }
#company-details, #company-details,

8
resources/views/pdf-designs/business.html
View File

@ -28,12 +28,12 @@
grid-gap: 20px; grid-gap: 20px;
} }
.header-container > span { .company-logo {
display: block; width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
} }
.company-logo { .header-container > span {
height: 4rem; display: block;
} }
#company-details { #company-details {

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

@ -28,8 +28,8 @@
gap: 20px; gap: 20px;
} }
.header-container .company-logo { .company-logo {
height: 4rem; width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
} }
#company-details { #company-details {
@ -47,8 +47,8 @@
} }
.entity-label { .entity-label {
margin-top: 1rem;
text-transform: uppercase; text-transform: uppercase;
margin-top: 3.5rem;
padding-left: 1rem; padding-left: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
font-weight: bold; font-weight: bold;

4
resources/views/pdf-designs/creative.html
View File

@ -28,8 +28,8 @@
gap: 20px; gap: 20px;
} }
.header-wrapper .company-logo { .company-logo {
height: 5rem; width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
} }
.header-wrapper #client-details, .header-wrapper #client-details,

6
resources/views/pdf-designs/elegant.html
View File

@ -22,6 +22,10 @@
padding: 0; padding: 0;
} }
.company-logo {
width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
}
.company-logo-wrapper { .company-logo-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -30,7 +34,7 @@
border-bottom: 4px solid; border-bottom: 4px solid;
} }
.company-logo-wrapper .company-logo { .company-logo-wrapper {
height: 5rem; height: 5rem;
} }

9
resources/views/pdf-designs/hipster.html
View File

@ -66,13 +66,12 @@
margin-top: 0.8rem; margin-top: 0.8rem;
} }
.header-right-side-wrapper-right { .header-wrapper {
display: flex; margin-left: auto;
} }
.header-wrapper .company-logo { .company-logo {
height: 5rem; width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
margin-left: auto;
} }
.entity-label { .entity-label {

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

@ -54,16 +54,16 @@
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.company-logo {
height: 5rem;
}
.logo-client-wrapper { .logo-client-wrapper {
margin: 3rem 2rem; margin: 3rem 2rem;
display: grid; display: grid;
grid-template-columns: 1.5fr 1fr; grid-template-columns: 1.5fr 1fr;
} }
.company-logo {
width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
}
#client-details { #client-details {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

4
resources/views/pdf-designs/plain.html
View File

@ -27,8 +27,8 @@
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
.header-wrapper .company-logo { .company-logo {
height: 5rem; width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
} }
.header-wrapper #company-address { .header-wrapper #company-address {

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

@ -25,14 +25,10 @@
.header-wrapper { .header-wrapper {
margin-top: 2rem; margin-top: 2rem;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 0.5fr 2fr;
padding: 2rem 3rem; padding: 2rem 3rem;
} }
.header-wrapper .company-logo {
height: 5rem;
}
.header-wrapper .entity-details-wrapper { .header-wrapper .entity-details-wrapper {
background-color: var(--primary-color); background-color: var(--primary-color);
padding: 1rem; padding: 1rem;
@ -50,6 +46,10 @@
font-weight: normal; font-weight: normal;
} }
.company-logo {
width: auto; /** If logo is too big or too small, modify using percentages. Example: width: 90%; **/
}
.contacts-wrapper { .contacts-wrapper {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;