More robust global styles.

2017-11-08 15:26:19 +11:00 · 2017-11-08 15:26:19 +11:00 · 80c0b372eb
commit 80c0b372eb
parent a0f72fd58f
1 changed files with 10 additions and 10 deletions
--- a/app/components/page.js
+++ b/app/components/page.js
@ -9,7 +9,9 @@ const Page = ({ title, children }) => (
      <link rel="manifest" href="/static/manifest.json" />
      <link rel="icon" sizes="192x192" href="/static/apollo-icon.png" />
      <link rel="apple-touch-icon" href="/static/apollo-launcher-icon.png" />
-      <style>{`
+    </Head>
+    {children}
+    <style jsx global>{`
      html {
        font-family: sans-serif;
        color: white;
@ -19,8 +21,6 @@ const Page = ({ title, children }) => (
        margin: 2em;
      }
    `}</style>
-    </Head>
-    {children}
  </div>
 )