e9d3ed99ca
## Added features - update team member setting page - add a section to send invitation by email - add a new invitation email - update email font to 'Trebuchet MS' as Google Inter font is not working, we need to use a web safe font https://templates.mailchimp.com/design/typography/ ## Demo https://github.com/twentyhq/twenty/assets/29927851/c731d883-1599-4281-87e3-0671f36994ae ## Invitation Email 
34 lines
849 B
TypeScript
34 lines
849 B
TypeScript
import React, { PropsWithChildren } from 'react';
|
|
import { Container } from '@react-email/components';
|
|
|
|
import { emailTheme } from 'src/common-style';
|
|
|
|
type HighlightedContainerProps = PropsWithChildren;
|
|
|
|
const highlightedContainerStyle = {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
background: emailTheme.background.colors.highlight,
|
|
border: `1px solid ${emailTheme.border.color.highlighted}`,
|
|
borderRadius: emailTheme.border.radius.md,
|
|
padding: '24px 48px',
|
|
gap: '24px',
|
|
};
|
|
|
|
const divStyle = {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
} as React.CSSProperties;
|
|
|
|
export const HighlightedContainer = ({
|
|
children,
|
|
}: HighlightedContainerProps) => {
|
|
return (
|
|
<Container style={highlightedContainerStyle}>
|
|
<div style={divStyle}>{children}</div>
|
|
</Container>
|
|
);
|
|
};
|