diff --git a/css/main.css b/css/main.css index ad280de9ac6f6716b3fb58f0a8fbda163e93fc4b..f368817709d3c1d8118821277806f852d62bb5ae 100644 --- a/css/main.css +++ b/css/main.css @@ -791,12 +791,16 @@ widget-money div { } /* Head */ -.invoice-render img { +.invoice-render .invoice-logo { margin: 5px auto 20px; - display: block; - height: 200px; - width: 200px; - object-fit: contain; + display: flex; + align-items: center; + height: 170px; + width: 170px; +} +.invoice-render .invoice-logo img{ + max-width: 100%; + max-height: 100%; } .invoice-render [name="invoice-head"]{ display: flex; diff --git a/solid-invoicing.js b/solid-invoicing.js index 93b1401a21b8e7920c2dc67d3ad2d4d6caaabe33..3972a0d1cce62bc2f955d7542a2f1f15201faa11 100644 --- a/solid-invoicing.js +++ b/solid-invoicing.js @@ -743,7 +743,9 @@ export class SolidInvoicing extends SolidTemplateElement { </div> <div id="print"> <div class="invoice-render"> - <img src="https://cdn.startinblox.com/logos/webp/paris.webp" width="200" /> + <div class="invoice-logo"> + <img src="https://cdn.startinblox.com/logos/webp/paris.webp" width="200" /> + </div> <solid-display class="display-invoice" bind-resources