cohabit/mailer
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(templates): add styles to Message

Browse source
This commit is contained in:
Julien Oculi 2024-04-11 16:48:52 +02:00
parent f3918321bd
commit 8194fd3aa3
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
templates/Message.tsx
View file

@ -1,18 +1,19 @@
import { Body, Html, Markdown, Preview, Section, Text } from 'jsx-email' import { Body, Container, Html, Markdown, Preview } from 'jsx-email'
import { Signature } from './components/Signature.tsx' import { Signature } from './components/Signature.tsx'
import type { Template } from '../types.ts' import type { Template } from '../types.ts'
import { BaseStyle, bodyCss, messageCss, textCss } from './styles/base.tsx'
function Message( function Message(
{ summary, body }: { summary?: string; body: string }, { summary, body }: { summary?: string; body: string },
) { ) {
return ( return (
<Html lang='fr'> <Html lang='fr' style={{ fontSize: '14px' }}>
<BaseStyle />
<Preview>{summary}</Preview> <Preview>{summary}</Preview>
<Body> <Body style={bodyCss}>
<Markdown>{body}</Markdown> <Container style={messageCss}>
<Section> <Markdown style={textCss}>{body}</Markdown>
<Text>Coh@bit</Text> </Container>
</Section>
<Signature /> <Signature />
</Body> </Body>
</Html> </Html>