From 8314fadb1ae5290b936685c1ac74bccd84d6f1cf Mon Sep 17 00:00:00 2001 From: Sukchan Lee Date: Thu, 25 May 2017 17:11:58 +0900 Subject: [PATCH] update it --- webui/components/Layout.js | 72 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 webui/components/Layout.js diff --git a/webui/components/Layout.js b/webui/components/Layout.js new file mode 100644 index 000000000..8c5f28a22 --- /dev/null +++ b/webui/components/Layout.js @@ -0,0 +1,72 @@ +import Package from '../package'; +import Head from 'next/head'; + +import styled from 'styled-components'; +import oc from 'open-color'; +import { media, transitions } from '../lib/style-utils'; + +import Header from './Header'; + +import Session from '../lib/session'; +import LogoutButton from '../components/logout-button'; + +const Container = styled.div` + padding-top: 60px; +`; + +const Content = styled.div` + margin: 0 auto; + margin-top: 2rem; + width: 1200px; + transition: all .3s; + position: relative; + + ${media.desktop` + width: 990px; + `} + + ${media.tablet` + margin-top: 1rem; + width: calc(100% - 2rem); + `} + + ${media.mobile` + margin-top: 0.5rem; + width: calc(100% - 1rem); + `} +`; + +const Title = styled.div` + display: block; + text-align: left; + width: 100%; + color: ${oc.pink[9]}; + font-weight: bold; + font-size: 4 rem; +`; + +const Layout = ({ session, children }) => { + const title = 'NextEPC ' + Package.version; + + return ( + + + {title} + + +
+ + + Hello World + + + +
+

Welcome back {session.user.username}

+ Log out +
+ + ) +} + +export default Layout;