From f9aa6abdd70a818ad970991f2e1804d564608fda Mon Sep 17 00:00:00 2001 From: Ahmed Bouhuolia Date: Tue, 8 Oct 2024 10:11:40 +0200 Subject: [PATCH] fix: Set max width/height to company logo of pdf templates --- .../resources/views/modules/credit-note-standard.pug | 10 +++++----- .../resources/views/modules/estimate-regular.pug | 10 +++++----- .../resources/views/modules/invoice-standard.pug | 10 +++++----- .../views/modules/payment-receive-standard.pug | 10 +++++----- .../server/resources/views/modules/receipt-regular.pug | 10 +++++----- .../InvoiceCustomize/InvoicePaperTemplate.module.scss | 9 ++++++--- .../Sales/Invoices/InvoiceCustomize/PaperTemplate.tsx | 2 +- 7 files changed, 32 insertions(+), 29 deletions(-) diff --git a/packages/server/resources/views/modules/credit-note-standard.pug b/packages/server/resources/views/modules/credit-note-standard.pug index 263dcc625..193e46251 100644 --- a/packages/server/resources/views/modules/credit-note-standard.pug +++ b/packages/server/resources/views/modules/credit-note-standard.pug @@ -30,17 +30,17 @@ block head flex: 1 1 0%; } .#{prefix}-big-title { - font-size: 60px; + font-size: 30px; margin: 0; line-height: 1; font-weight: 500; color: #333; } .#{prefix}-logo-wrap img { - height: auto; - width: auto; - max-width: 400px; - max-height: 160px; + width: 100%; + height: 100%; + max-width: 260px; + max-height: 100px; } .#{prefix}-terms-list { display: flex; diff --git a/packages/server/resources/views/modules/estimate-regular.pug b/packages/server/resources/views/modules/estimate-regular.pug index b99377c9e..f086f29df 100644 --- a/packages/server/resources/views/modules/estimate-regular.pug +++ b/packages/server/resources/views/modules/estimate-regular.pug @@ -30,17 +30,17 @@ block head flex: 1 1 0%; } .#{prefix}-big-title { - font-size: 60px; + font-size: 30px; margin: 0; line-height: 1; font-weight: 500; color: #333; } .#{prefix}-logo-wrap img { - height: auto; - width: auto; - max-width: 400px; - max-height: 160px; + width: 100%; + height: 100%; + max-width: 260px; + max-height: 100px; } .#{prefix}-terms { display: flex; diff --git a/packages/server/resources/views/modules/invoice-standard.pug b/packages/server/resources/views/modules/invoice-standard.pug index 72a9704a2..b24af4e5e 100644 --- a/packages/server/resources/views/modules/invoice-standard.pug +++ b/packages/server/resources/views/modules/invoice-standard.pug @@ -30,17 +30,17 @@ block head flex: 1 1 0%; } .#{prefix}-big-title { - font-size: 60px; + font-size: 30px; margin: 0; line-height: 1; font-weight: 500; color: #333; } .#{prefix}-logo-wrap img { - height: auto; - width: auto; - max-width: 400px; - max-height: 160px; + width: 100%; + height: 100%; + max-width: 260px; + max-height: 100px; } .#{prefix}-details { display: flex; diff --git a/packages/server/resources/views/modules/payment-receive-standard.pug b/packages/server/resources/views/modules/payment-receive-standard.pug index cc893c868..cf981ec4d 100644 --- a/packages/server/resources/views/modules/payment-receive-standard.pug +++ b/packages/server/resources/views/modules/payment-receive-standard.pug @@ -31,17 +31,17 @@ block head flex: 1 1 0%; } .#{prefix}-big-title{ - font-size: 60px; + font-size: 30px; margin: 0; line-height: 1; font-weight: 500; color: #333; } .#{prefix}-logo-wrap img { - height: auto; - width: auto; - max-width: 400px; - max-height: 160px; + width: 100%; + height: 100%; + max-width: 260px; + max-height: 100px; } .#{prefix}-terms-list{ display: flex; diff --git a/packages/server/resources/views/modules/receipt-regular.pug b/packages/server/resources/views/modules/receipt-regular.pug index 7833ebaa0..11351c2da 100644 --- a/packages/server/resources/views/modules/receipt-regular.pug +++ b/packages/server/resources/views/modules/receipt-regular.pug @@ -28,13 +28,13 @@ block head flex: 1 1 0%; } .#{prefix}-logo-wrap img { - height: auto; - width: auto; - max-width: 400px; - max-height: 160px; + width: 100%; + height: 100%; + max-width: 260px; + max-height: 100px; } .#{prefix}-big-title { - font-size: 60px; + font-size: 30px; margin: 0; line-height: 1; font-weight: 500; diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoicePaperTemplate.module.scss b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoicePaperTemplate.module.scss index 65f292f7d..ef4ede884 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoicePaperTemplate.module.scss +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoicePaperTemplate.module.scss @@ -4,7 +4,7 @@ background-color: #fff; color: #111; box-shadow: inset 0 4px 0px 0 var(--invoice-primary-color), 0 10px 15px rgba(0, 0, 0, 0.05); - padding: 24px 30px; + padding: 30px 30px; font-size: 12px; position: relative; margin: 0 auto; @@ -12,7 +12,7 @@ height: 1123px; } .bigTitle{ - font-size: 60px; + font-size: 30px; margin: 0; line-height: 1; font-weight: 500; @@ -105,7 +105,10 @@ overflow: hidden; img{ - max-width: 100%; + width: 100%; + height: 100%; + max-width: 260px; + max-height: 100px; } } .logoImg { diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/PaperTemplate.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/PaperTemplate.tsx index 0488d496f..9d7d6e306 100644 --- a/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/PaperTemplate.tsx +++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/PaperTemplate.tsx @@ -1,7 +1,7 @@ import React from 'react'; import clsx from 'classnames'; import { get } from 'lodash'; -import { Box, Group, GroupProps, Stack } from '@/components'; +import { Box, Group, GroupProps } from '@/components'; import styles from './InvoicePaperTemplate.module.scss'; export interface PaperTemplateProps {