Tweaked email layout
This commit is contained in:
parent
7272b24eaf
commit
189c592a44
Binary file not shown.
After Width: | Height: | Size: 7.6 KiB |
|
@ -3,6 +3,7 @@ import React from 'react';
|
||||||
import EmailTemplate from './components/EmailLayout';
|
import EmailTemplate from './components/EmailLayout';
|
||||||
import Body from './components/Body';
|
import Body from './components/Body';
|
||||||
import Button from './components/Button';
|
import Button from './components/Button';
|
||||||
|
import Header from './components/Header';
|
||||||
import Footer from './components/Footer';
|
import Footer from './components/Footer';
|
||||||
import EmptySpace from './components/EmptySpace';
|
import EmptySpace from './components/EmptySpace';
|
||||||
|
|
||||||
|
@ -21,6 +22,8 @@ ${process.env.URL}/dashboard
|
||||||
export const WelcomeEmail = () => {
|
export const WelcomeEmail = () => {
|
||||||
return (
|
return (
|
||||||
<EmailTemplate>
|
<EmailTemplate>
|
||||||
|
<Header />
|
||||||
|
|
||||||
<Body>
|
<Body>
|
||||||
<p>
|
<p>
|
||||||
<strong>Welcome to Outline!</strong>
|
<strong>Welcome to Outline!</strong>
|
||||||
|
|
|
@ -14,7 +14,7 @@ export default ({ children }: Props) => {
|
||||||
<TBody>
|
<TBody>
|
||||||
<TR>
|
<TR>
|
||||||
<TD>
|
<TD>
|
||||||
<EmptySpace height={40} />
|
<EmptySpace height={20} />
|
||||||
{children}
|
{children}
|
||||||
<EmptySpace height={40} />
|
<EmptySpace height={40} />
|
||||||
</TD>
|
</TD>
|
||||||
|
|
|
@ -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>
|
||||||
|
);
|
||||||
|
};
|
Reference in New Issue