1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-antd-mobile/components/Layout.js
Tim Neutkens 9c4eefcdbf
Add prettier for examples directory (#5909)
* Add prettier for examples directory

* Fix files

* Fix linting

* Add prettier script in case it has to be ran again
2018-12-17 17:34:32 +01:00

32 lines
712 B
JavaScript

import { NavBar, Icon, WingBlank } from 'antd-mobile'
import { withRouter } from 'next/router'
import Head from 'next/head'
export default withRouter(({ router, children, title }) => (
<div>
<Head>
<title>{title}</title>
</Head>
<NavBar
mode='light'
icon={<Icon type='left' />}
onLeftClick={() => router.back()}
>
Ant Design Mobile example
</NavBar>
<h1>{title}</h1>
<style jsx>{`
h1 {
padding: 15px 0 9px 15px;
color: #000;
font-size: 16px;
line-height: 16px;
height: 16px;
font-weight: bolder;
position: relative;
}
`}</style>
<WingBlank>{children}</WingBlank>
</div>
))