coop-cloud-chaos-patchs/outline
coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Tweaked email layout

Browse Source
This commit is contained in:
Jori Lallo 2018-03-04 23:18:39 -08:00
parent 7272b24eaf
commit 189c592a44
4 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/email/header-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

3
server/emails/WelcomeEmail.js
View File

@ -3,6 +3,7 @@ import React from 'react';
import EmailTemplate from './components/EmailLayout';
import Body from './components/Body';
import Button from './components/Button';
import Header from './components/Header';
import Footer from './components/Footer';
import EmptySpace from './components/EmptySpace';
@ -21,6 +22,8 @@ ${process.env.URL}/dashboard
export const WelcomeEmail = () => {
return (
<EmailTemplate>
<Header />
<Body>
<p>
<strong>Welcome to Outline!</strong>

2
server/emails/components/Body.js
View File

@ -14,7 +14,7 @@ export default ({ children }: Props) => {
<TBody>
<TR>
<TD>
<EmptySpace height={40} />
<EmptySpace height={20} />
{children}
<EmptySpace height={40} />
</TD>

24
server/emails/components/Header.js Normal file
View File

@ -0,0 +1,24 @@
// @flow
import React from 'react';
import { Table, TBody, TR, TD } from 'oy-vey';
import EmptySpace from './EmptySpace';
import { color } from '../../../shared/styles/constants';
export default () => {
return (
<Table width="100%">
<TBody>
<TR>
<TD>
<EmptySpace height={40} />
<img
src={`${process.env.URL}/email/header-logo.png`}
height="55"
width="32"
/>
</TD>
</TR>
</TBody>
</Table>
);
};