diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html index 984ac4fd1dd2..2f6a42656729 100644 --- a/resources/views/pdf-designs/business.html +++ b/resources/views/pdf-designs/business.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -57,7 +62,7 @@ } .entity-issued-to { - margin-top: 3rem; + margin-top: 2rem; font-weight: bold; } @@ -162,7 +167,7 @@ } #table-totals { - margin-top: 1rem; + margin-top: 0.5rem; display: grid; grid-template-columns: 2fr 1fr; gap: 80px; diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html index 8ab0ec4c4b9b..fe5109228a29 100644 --- a/resources/views/pdf-designs/clean.html +++ b/resources/views/pdf-designs/clean.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html index bf5d1c0704f0..49808d33f6e3 100644 --- a/resources/views/pdf-designs/creative.html +++ b/resources/views/pdf-designs/creative.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html index 8365b4e7b5bb..7795518238a1 100644 --- a/resources/views/pdf-designs/elegant.html +++ b/resources/views/pdf-designs/elegant.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html index 57ba54d098b9..a6a54310cc1c 100644 --- a/resources/views/pdf-designs/hipster.html +++ b/resources/views/pdf-designs/hipster.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -101,7 +106,7 @@ } [data-ref="table"] { - margin-top: 3rem; + margin-top: 1rem; /* margin-bottom: 200px; */ min-width: 100%; table-layout: fixed; diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html index 826dd88a7671..da83b85bed89 100644 --- a/resources/views/pdf-designs/modern.html +++ b/resources/views/pdf-designs/modern.html @@ -6,6 +6,11 @@ --secondary-color: $secondary_color; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html index 745bfb591024..2561aac89d7a 100644 --- a/resources/views/pdf-designs/plain.html +++ b/resources/views/pdf-designs/plain.html @@ -15,9 +15,12 @@ zoom: 80%; } + html { + width: 210mm; + height: 200mm; + } + @page { - position: absolute; - top: 0; margin-left: $global_margin; margin-right: $global_margin; margin-top: 0; diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html index d5d0f3eba3e5..6b3be643a5e0 100644 --- a/resources/views/pdf-designs/playful.html +++ b/resources/views/pdf-designs/playful.html @@ -15,12 +15,18 @@ zoom: 80%; } + html { + width: 210mm; + height: 200mm; + } + @page { margin: -0.25cm !important; size: $page_size $page_layout; - + margin-top: 1rem; } + p { margin: 0; padding: 0; @@ -30,12 +36,12 @@ display: flex; justify-content: space-between; gap: 20px; - padding: 2rem 3rem; + padding: 1rem 0rem 0rem 2rem; } .header-wrapper .entity-details-wrapper { background-color: var(--primary-color); - padding: 1rem; + padding: 0.5rem; border-radius: 10px; } @@ -63,7 +69,7 @@ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; - padding: 3rem; + padding: 1rem 0rem 0rem 2rem; } .contacts-wrapper .contact-label { @@ -77,7 +83,7 @@ .contacts-wrapper #client-details { display: flex; flex-direction: column; - margin-bottom: 1rem; + margin-bottom: 0.5rem; } .contacts-wrapper .company-info { @@ -101,8 +107,8 @@ } [data-ref="table"] { - padding-left: 3rem; - padding-right: 3rem; + padding-left: 2rem; + padding-right: 0rem; margin-top: 1rem; /* margin-bottom: 200px; */ min-width: 100%; @@ -156,13 +162,12 @@ } #table-totals { - margin-top: 1rem; + margin-top: 0.5rem; display: grid; grid-template-columns: 2fr 1fr; gap: 80px; - padding-left: 3rem; - padding-right: 3rem; - margin-right: .75rem; + padding-left: 2rem; + padding-right: 0rem; page-break-inside:auto; overflow: visible !important; } @@ -222,12 +227,14 @@ [data-ref="total_table-footer"] { text-align: left; - padding-left: 3rem; - padding-right: 3rem; + padding-left: 2rem; + padding-right: rem; } #footer { margin-top: 1rem; + page-break-inside:auto; + overflow: visible !important; } /** Markdown-specific styles. **/ @@ -262,12 +269,15 @@ .repeating-header, .repeating-header-space { - height: 50px; + height: 20px; + page-break-inside:avoid; + page-break-before:avoid; + page-break-after:avoid; } .repeating-footer, .repeating-footer-space { - height: 10px; + height: 20px; } .repeating-header { position: fixed; @@ -379,7 +389,7 @@ $entity_images -