feat: wip mail receipt preview

packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceMailReceipt.tsx

@@ -80,7 +80,7 @@ export function InvoiceMailReceipt({
     <Stack
       bg="white"
       w={'100%'}
-      maxWidth={'500px'}
+      maxWidth={'450px'}
       p={'35px 25px'}
       borderRadius={'5px'}
       boxShadow={'0 10px 15px rgba(0, 0, 0, 0.05)'}

packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceMailReceiptPreviewConnected.tsx

@@ -9,14 +9,20 @@ import { useInvoiceSendMailBoot } from './InvoiceSendMailContentBoot';
 import { InvoiceSendMailPreviewWithHeader } from './InvoiceSendMailHeaderPreview';
 import { useSendInvoiceMailMessage } from './_hooks';
 
+const invoiceMailReceiptCss = css`
+  margin: 0 auto;
+  border-radius: 5px !important;
+  transform: scale(0.9);
+  transform-origin: top;
+  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05) !important;
+`
+
 export function InvoiceMailReceiptPreviewConnected() {
   return (
     <InvoiceSendMailPreviewWithHeader>
       <Box px={4} pt={8} pb={16}>
         <InvoiceMailReceiptPreviewWithProps
-          className={css`
-            margin: 0 auto;
-          `}
+          className={invoiceMailReceiptCss}
         />
       </Box>
     </InvoiceSendMailPreviewWithHeader>

packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailPreview.tsx

@@ -1,5 +1,5 @@
 import { lazy, Suspense } from 'react';
-import { Tab, } from '@blueprintjs/core';
+import { Tab } from '@blueprintjs/core';
 import { SendMailViewPreviewTabs } from '../../Estimates/SendMailViewDrawer/SendMailViewPreviewTabs';
 
 const InvoiceMailReceiptPreviewConnected = lazy(() =>