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-20 18:36:30 +09:00
parent 8d90cd55ec
commit 393cec7c9b
2 changed files with 32 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/ts/containers/test/SignIn.tsx
View File

@ -65,7 +65,7 @@ export class SignIn extends React.Component<any, any> {
this.setState({ pass: data.value });
}} />
<div style={{textAlign:'right'}}>
<a style={{fontSize:10}} onClick={this.forgotPopupOpen}>Forgot Password?</a>
<Button size='tiny' style={{background:'#fff'}} onClick={this.forgotPopupOpen}>Forgot Password?</Button>
</div>
<Form.Group>
<Button fluid primary style={{margin:'7'}} onClick={this.onSignIn}> Sign In </Button>
@ -79,14 +79,10 @@ export class SignIn extends React.Component<any, any> {
<Modal.Header>Change your password</Modal.Header>
<Modal.Content >
Enter email address
<Grid>
<Grid.Column mobile={16} tablet={3} computer={4}>
</Grid.Column>
<Grid centered>
<Grid.Column mobile={16} tablet={10} computer={8}>
<Input fluid placeholder='Email' />
</Grid.Column>
<Grid.Column mobile={16} tablet={3} computer={4}>
</Grid.Column>
</Grid>
</Modal.Content>
<Modal.Actions>

72
src/ts/containers/test/layout/LeftMenu.tsx
View File

@ -23,7 +23,7 @@ export class LeftMenu extends React.Component<any, any> {
<Menu fixed='left' inverted vertical borderless>
<Menu.Item name='User'>
<Header textAlign='center'>
<Image src='http://glia.ca/scm/2013/ge1127_b/wp-content/uploads/2013/10/594partner-profile-pic-An.jpg' size='mini' shape='circular' />
<Image src='http://glia.ca/scm/2013/ge1127_b/wp-content/uploads/2013/10/594partner-profile-pic-An.jpg' size='mini' shape='circular' href='/' />
</Header>
</Menu.Item>
<Menu.Item name='Home' href='/' >
@ -50,57 +50,45 @@ export class LeftMenu extends React.Component<any, any> {
</Menu.Menu>
</Menu.Item>
<Menu.Item>
<Menu.Header name='Dashboard' href='/' >
<Header inverted sub icon='industry' content='Dashboard' />
</Menu.Header>
<Menu.Item name='Dashboard' href='/' >
<Header inverted sub icon='industry' content='Dashboard' />
</Menu.Item>
<Menu.Item>
<Menu.Header name='Metrics' href='/' >
<Header inverted sub icon='tasks' content='Metrics' />
</Menu.Header>
<Menu.Item name='Metrics' href='/'>
<Header inverted sub icon='tasks' content='Metrics' />
</Menu.Item>
<Menu.Item>
<Menu.Header name='Alerts' href='/' >
<Header inverted sub icon='alarm' content='Alerts' />
</Menu.Header>
<Menu.Item name='Alerts' href='/' >
<Header inverted sub icon='alarm' content='Alerts' />
</Menu.Item>
<Menu.Item>
<Menu.Header name='History' href='/' >
<Header inverted sub icon='book' content='History' />
</Menu.Header>
<Menu.Item name='History' href='/'>
<Header inverted sub icon='book' content='History' />
</Menu.Item>
<Menu.Item >
<Menu.Header name='Custom'>
<Header inverted sub><Icon name='play circle' />
<Header.Content>
<Dropdown text='Custom'>
<Dropdown.Menu>
<Dropdown.Header>Custom</Dropdown.Header>
<Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
<Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
<Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
<Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
<Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
<Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
<Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
<Dropdown.Item href='#/test8'>TableExampleSortable</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</Header.Content>
</Header>
</Menu.Header>
<Menu.Item name='Custom'>
<Header inverted sub><Icon name='play circle' />
<Header.Content>
<Dropdown text='Custom'>
<Dropdown.Menu>
<Dropdown.Header>Custom</Dropdown.Header>
<Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
<Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
<Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
<Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
<Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
<Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
<Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
<Dropdown.Item href='#/test8'>TableExampleSortable</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</Header.Content>
</Header>
</Menu.Item>
<Menu.Item bottom>
<Menu.Header name='Settings' href='/' >
<Header inverted sub icon='setting' content='Settings' />
</Menu.Header>
<Menu.Item name='Settings' href='/' >
<Header inverted sub icon='setting' content='Settings' />
</Menu.Item>
</Menu>
// <TopBar onSidebar={this.props.onSidebar}/>