feat: preview fullWidthInvoice setting closer to reality

master
Katja Lutz 2 years ago
parent d90d0b2f8c
commit 0b55a50d76

@ -71,7 +71,7 @@ const Page: FlowComponent = (props) => {
{lastSavedWords()}
</span>
</div>
<div class="w-[900px] lg:w-[1000px] xl:w-[1100px] xxl:w-[1200px] print:w-full shrink-0 scale-75 md:scale-90 lg:scale-100 origin-top print:scale-100 shadow-md print:shadow-none bg-white p-5 print:p-0">
<div class="w-[900px] lg:w-[1000px] xl:w-[1100px] xxl:w-[1200px] print:w-full shrink-0 scale-75 md:scale-90 lg:scale-100 origin-top print:scale-100 shadow-md print:shadow-none bg-white py-5 print:p-0">
{props.children}
</div>
</div>

@ -92,7 +92,13 @@ export default function Home() {
});
const InnerPadding: FlowComponent = (props) => (
<div classList={{ "mx-16 print:mx-[11mm]": state.fullWidthInvoice }}>
<div
classList={{
"mx-16": true,
"print:mx-0": !state.fullWidthInvoice,
"print:mx-[11mm]": state.fullWidthInvoice,
}}
>
{props.children}
</div>
);
@ -334,7 +340,14 @@ export default function Home() {
<Conclusion />
<LufraiWatermark />
</InnerPadding>
<SwissInvoice value={invoiceData()} />
<div
classList={{
"mx-16 print:mx-0": true,
"mx-0": state.fullWidthInvoice,
}}
>
<SwissInvoice value={invoiceData()} />
</div>
</Page>
</Show>
</>

Loading…
Cancel
Save