More email styles

2018-03-04 23:30:23 -08:00
parent 189c592a44
commit 0b005afdf9
3 changed files with 20 additions and 4 deletions
--- a/server/emails/WelcomeEmail.js
+++ b/server/emails/WelcomeEmail.js
@@ -3,6 +3,7 @@ import React from 'react';
 import EmailTemplate from './components/EmailLayout';
 import Body from './components/Body';
 import Button from './components/Button';
+import Heading from './components/Heading';
 import Header from './components/Header';
 import Footer from './components/Footer';
 import EmptySpace from './components/EmptySpace';
@@ -25,9 +26,7 @@ export const WelcomeEmail = () => {
      <Header />

      <Body>
-        <p>
-          <strong>Welcome to Outline!</strong>
-        </p>
+        <Heading>Welcome to Outline!</Heading>

        <p>Outline is a place for your team to build and share knowledge.</p>
        <p>
--- a/server/emails/components/Heading.js
+++ b/server/emails/components/Heading.js
@@ -0,0 +1,17 @@
+// @flow
+import React from 'react';
+
+const style = {
+  fontWeight: 500,
+  fontSize: '18px',
+};
+
+type Props = {
+  children: React$Element<*>,
+};
+
+export default ({ children }: Props) => (
+  <p>
+    <span style={style}>{children}</span>
+  </p>
+);