mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-21 07:10:33 +00:00
feat: email templates
This commit is contained in:
@@ -193,7 +193,6 @@ const listItemAmountStyle: CSSProperties = {
|
|||||||
|
|
||||||
const messageStyle: CSSProperties = {
|
const messageStyle: CSSProperties = {
|
||||||
whiteSpace: 'pre-line',
|
whiteSpace: 'pre-line',
|
||||||
color: '#252A31',
|
|
||||||
margin: '0 0 20px 0',
|
margin: '0 0 20px 0',
|
||||||
lineHeight: '20px',
|
lineHeight: '20px',
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -24,10 +24,9 @@ EmailTemplate.CompanyLogo = ({ src }: { src: string }) => {
|
|||||||
const containerStyle: CSSProperties = {
|
const containerStyle: CSSProperties = {
|
||||||
backgroundColor: '#fff',
|
backgroundColor: '#fff',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
maxWidth: '500px',
|
maxWidth: '450px',
|
||||||
padding: '35px 25px',
|
padding: '30px 20px',
|
||||||
color: '#000',
|
color: '#000',
|
||||||
borderRadius: '5px',
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const companyLogoStyle = {
|
const companyLogoStyle = {
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ export const EstimatePaymentEmail: React.FC<
|
|||||||
preview,
|
preview,
|
||||||
|
|
||||||
// # Company
|
// # Company
|
||||||
companyName,
|
companyName = 'Bigcapital, Inc.',
|
||||||
companyLogoUri,
|
companyLogoUri,
|
||||||
|
|
||||||
// # Colors
|
// # Colors
|
||||||
@@ -153,11 +153,13 @@ const estimateAmountStyle: CSSProperties = {
|
|||||||
color: '#383E47',
|
color: '#383E47',
|
||||||
fontWeight: 500,
|
fontWeight: 500,
|
||||||
};
|
};
|
||||||
|
|
||||||
const estimateNumberStyle: CSSProperties = {
|
const estimateNumberStyle: CSSProperties = {
|
||||||
margin: 0,
|
margin: 0,
|
||||||
fontSize: '13px',
|
fontSize: '13px',
|
||||||
color: '#404854',
|
color: '#404854',
|
||||||
};
|
};
|
||||||
|
|
||||||
const estimateExpirationStyle: CSSProperties = {
|
const estimateExpirationStyle: CSSProperties = {
|
||||||
margin: 0,
|
margin: 0,
|
||||||
fontSize: '13px',
|
fontSize: '13px',
|
||||||
@@ -194,7 +196,6 @@ const listItemAmountStyle: CSSProperties = {
|
|||||||
|
|
||||||
const estimateMessageStyle: CSSProperties = {
|
const estimateMessageStyle: CSSProperties = {
|
||||||
whiteSpace: 'pre-line',
|
whiteSpace: 'pre-line',
|
||||||
color: '#252A31',
|
|
||||||
margin: '0 0 20px 0',
|
margin: '0 0 20px 0',
|
||||||
lineHeight: '20px',
|
lineHeight: '20px',
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -175,15 +175,6 @@ export const renderInvoicePaymentEmail = (props: InvoicePaymentEmailProps) => {
|
|||||||
return render(<InvoicePaymentEmail {...props} />);
|
return render(<InvoicePaymentEmail {...props} />);
|
||||||
};
|
};
|
||||||
|
|
||||||
const containerStyle: CSSProperties = {
|
|
||||||
backgroundColor: '#fff',
|
|
||||||
width: '100%',
|
|
||||||
maxWidth: '500px',
|
|
||||||
padding: '35px 25px',
|
|
||||||
color: '#000',
|
|
||||||
borderRadius: '5px',
|
|
||||||
};
|
|
||||||
|
|
||||||
const headerInfoStyle: CSSProperties = {
|
const headerInfoStyle: CSSProperties = {
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
marginBottom: 20,
|
marginBottom: 20,
|
||||||
@@ -236,7 +227,7 @@ const listItemAmountStyle: CSSProperties = {
|
|||||||
|
|
||||||
const invoiceMessageStyle: CSSProperties = {
|
const invoiceMessageStyle: CSSProperties = {
|
||||||
whiteSpace: 'pre-line',
|
whiteSpace: 'pre-line',
|
||||||
color: '#252A31',
|
color: '#000',
|
||||||
margin: '0 0 20px 0',
|
margin: '0 0 20px 0',
|
||||||
lineHeight: '20px',
|
lineHeight: '20px',
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -154,7 +154,6 @@ const viewInvoiceButtonStyle: CSSProperties = {
|
|||||||
|
|
||||||
const invoiceMessageStyle: CSSProperties = {
|
const invoiceMessageStyle: CSSProperties = {
|
||||||
whiteSpace: 'pre-line',
|
whiteSpace: 'pre-line',
|
||||||
color: '#252A31',
|
|
||||||
margin: '0 0 20px 0',
|
margin: '0 0 20px 0',
|
||||||
lineHeight: '20px',
|
lineHeight: '20px',
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -194,7 +194,6 @@ const listItemAmountStyle: CSSProperties = {
|
|||||||
|
|
||||||
const messageStyle: CSSProperties = {
|
const messageStyle: CSSProperties = {
|
||||||
whiteSpace: 'pre-line',
|
whiteSpace: 'pre-line',
|
||||||
color: '#000000',
|
|
||||||
margin: '0 0 20px 0',
|
margin: '0 0 20px 0',
|
||||||
lineHeight: '20px',
|
lineHeight: '20px',
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user