overflow_backup_2018_0455/test_web_router
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout

Browse Source
This commit is contained in:
sunny 2017-07-12 17:58:34 +09:00
parent c3fb110663
commit 4eb3e145e9
3 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/ts/containers/test/TopBar.tsx
View File

@ -91,15 +91,14 @@ export class TopBar extends React.Component<any, any> {
<Menu.Item position='right'> <Menu.Item position='right'>
<Icon name='setting' /> <Icon name='setting' size='large' />
</Menu.Item> </Menu.Item>
<Menu.Item onClick={() => { <Menu.Item onClick={() => {
this.setState({ notification_visible: !this.state.notification_visible }) this.setState({ notification_visible: !this.state.notification_visible })
}}> }}>
<Icon name='alarm' /> <Label color='teal' horizontal>22</Label>
<Label color='red' floating>22</Label>
</Menu.Item> </Menu.Item>
<Menu.Item> <Menu.Item >
<Dropdown icon='user' className='ui pointing dropdown top right'> <Dropdown icon='user' className='ui pointing dropdown top right'>
<Dropdown.Menu > <Dropdown.Menu >
<Dropdown.Item text='Log out' /> <Dropdown.Item text='Log out' />

4
src/ts/containers/test/layout/Footer.tsx
View File

@ -11,8 +11,8 @@ export class Footer extends React.Component<any, any> {
render() { render() {
return ( return (
<Container> <Container textAlign='center'>
Footer area <div>Copyright LOAFLE.</div>
</Container> </Container>
); );
} }

14
src/ts/containers/test/layout/Layout.tsx
View File

@ -20,9 +20,8 @@ export class Layout extends React.Component<any, any> {
render() { render() {
return ( return (
<div> <div>
<br /> <Header />
<Sidebar.Pushable as={Segment} vertical >
<Sidebar.Pushable as={Segment} >
<Sidebar <Sidebar
as={Menu} as={Menu}
animation='overlay' animation='overlay'
@ -47,20 +46,19 @@ export class Layout extends React.Component<any, any> {
</Menu.Item> </Menu.Item>
</Sidebar> </Sidebar>
<Sidebar.Pusher > <Sidebar.Pusher >
<Segment basic > <Segment vertical>
<Header />
<button placeholder='menu' onClick={() => { <button placeholder='menu' onClick={() => {
this.setState({ notification_visible: !this.state.notification_visible }) this.setState({ notification_visible: !this.state.notification_visible })
}}> sidebar </button> }}> sidebar </button>
<Container> <Container>
<br />
<Router history={history}> <Router history={history}>
<Routes /> <Routes />
</Router> </Router>
</Container> </Container>
<br />
<Footer /> <Footer />
</Segment> </Segment>
</Sidebar.Pusher> </Sidebar.Pusher>