riccardo/newsletter-hackernews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: removed unnecessary tile size variable

Browse Source
This commit is contained in:
Riccardo
2023-12-18 15:56:32 +01:00
parent 28a35dbf41
commit 875d66f2f7
5 changed files with 34 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/emails/newsletter.tsx
View File

@@ -27,7 +27,7 @@ export default function NewsletterTemplate(
subject: `What's new from Hackernews?`,
template: (
<Html>
<Section style={main}>
<Section className='bg-white'>
<div className='mx-auto w-full max-w-2xl overflow-hidden rounded-lg bg-white shadow-lg'>
<div className='text-center '>
<h1 className='my-4 text-3xl font-bold'>Good day!</h1>
@@ -36,7 +36,13 @@ export default function NewsletterTemplate(
{sayings[Math.floor(Math.random() * sayings.length)]}:
</p>
</div>
<Container style={container}>
<Container
style={{
margin: '0 auto',
padding: '20px 0 48px',
width: '580px'
}}
>
<Text>
{stories.map(story => {
return (
@@ -88,13 +94,3 @@ export default function NewsletterTemplate(
)
};
}
const main = {
backgroundColor: '#ffffff'
};
const container = {
margin: '0 auto',
padding: '20px 0 48px',
width: '580px'
};

37
components/emails/template.tsx
View File

@@ -12,31 +12,26 @@ type EmailProps = {
export default function Email({ title, body }: EmailProps) {
return (
<Html>
<Section
className='mx-auto w-full max-w-2xl overflow-hidden rounded-lg bg-white shadow-lg'
style={main}
>
<Container style={container}>
<Section className='mx-auto w-full max-w-2xl overflow-hidden rounded-lg bg-white shadow-lg'>
<Container
style={{
margin: '0 auto',
padding: '20px 0 48px',
width: '580px'
}}
>
<h1 className='mt-4 text-center text-3xl font-bold'>{title}</h1>
<Text style={paragraph}>{body}</Text>
<Text
style={{
fontSize: '16px',
marginBottom: '16px'
}}
>
{body}
</Text>
</Container>
<Footer />
</Section>
</Html>
);
}
const main = {
backgroundColor: '#ffffff'
};
const container = {
margin: '0 auto',
padding: '20px 0 48px',
width: '580px'
};
const paragraph = {
fontSize: '16px',
marginBottom: '16px'
};