joyent-portal/spikes/compose-demo/components/layout.js
Sérgio Ramos 90bd588ed6 compose demo
2017-05-11 16:31:14 +01:00

35 lines
1.0 KiB
JavaScript

import NProgress from 'nprogress';
import Head from 'next/head';
import Router from 'next/router';
import Article from './article';
Router.onRouteChangeStart = () => NProgress.start();
Router.onRouteChangeComplete = () => NProgress.done();
Router.onRouteChangeError = () => NProgress.done();
export default ({ children, title = '' }) => (
<main>
<Head>
<title>{title}</title>
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="/static/nprogress.css" />
<link rel="stylesheet" type="text/css" href="/static/codemirror.css" />
<link rel="stylesheet" type="text/css" href="/static/eclipse.css" />
<link rel="stylesheet" type="text/css" href="/static/foldgutter.css" />
<style jsx global>{`
html, body {
margin: 0;
padding: 0;
font-family: Helvetica;
}
`}</style>
</Head>
<Article>
{children}
</Article>
</main>
);