meeting-planner/frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Remove unused markup

Browse Source
This commit is contained in:
rui hildt 2020-05-13 19:01:20 +02:00
parent f29ab86582
commit f6611daad8
2 changed files with 85 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/screens/Login.js
View File

@ -1,7 +1,6 @@
import React from 'react'; import React from 'react';
import { import {
Content,
FlexboxGrid, FlexboxGrid,
Panel, Panel,
Form, Form,
@ -17,38 +16,36 @@ const boxStyle = {
export default function Login() { export default function Login() {
return ( return (
<Content> <FlexboxGrid justify='center'>
<FlexboxGrid justify='center'> <FlexboxGrid.Item>
<FlexboxGrid.Item> <Panel header={<h3>Login</h3>} bordered style={boxStyle}>
<Panel header={<h3>Login</h3>} bordered style={boxStyle}> <Form horizontal>
<Form horizontal> <FormGroup>
<FormGroup> <FormControl
<FormControl name='email'
name='email' type='email'
type='email' placeholder='email'
placeholder='email' />
/> </FormGroup>
</FormGroup> <FormGroup>
<FormGroup> <FormControl
<FormControl name='password'
name='password' type='password'
type='password' placeholder='password'
placeholder='password' />
/> <HelpBlock tooltip>
<HelpBlock tooltip> Minimum password length is 8 characters
Minimum password length is 8 characters </HelpBlock>
</HelpBlock> </FormGroup>
</FormGroup> <FormGroup>
<FormGroup> <Button appearance='primary' block>
<Button appearance='primary' block> Sign in
Sign in </Button>
</Button> </FormGroup>
</FormGroup> <Button appearance='link'>Forgot password?</Button>
<Button appearance='link'>Forgot password?</Button> </Form>
</Form> </Panel>
</Panel> </FlexboxGrid.Item>
</FlexboxGrid.Item> </FlexboxGrid>
</FlexboxGrid>
</Content>
); );
} }

111
src/screens/Register.js
View File

@ -1,7 +1,6 @@
import React from 'react'; import React from 'react';
import { import {
Content,
FlexboxGrid, FlexboxGrid,
Panel, Panel,
Form, Form,
@ -18,61 +17,59 @@ const boxStyle = {
export default function Register() { export default function Register() {
return ( return (
<Content> <FlexboxGrid justify='center'>
<FlexboxGrid justify='center'> <FlexboxGrid.Item>
<FlexboxGrid.Item> <Panel header={<h3>Register</h3>} bordered style={boxStyle}>
<Panel header={<h3>Register</h3>} bordered style={boxStyle}> <Form horizontal>
<Form horizontal> <FormGroup>
<FormGroup> <FormControl
<FormControl name='username'
name='username' type='plaintext'
type='plaintext' placeholder='username'
placeholder='username' />
/> </FormGroup>
</FormGroup> <FormGroup>
<FormGroup> <FormControl
<FormControl name='email'
name='email' type='email'
type='email' placeholder='email'
placeholder='email' />
/> </FormGroup>
</FormGroup> <FormGroup>
<FormGroup> <Dropdown title='Timezone'>
<Dropdown title='Timezone'> <Dropdown.Item>
<Dropdown.Item> Australian Central Time
Australian Central Time </Dropdown.Item>
</Dropdown.Item> <Dropdown.Item>
<Dropdown.Item> Australian Eastern Time
Australian Eastern Time </Dropdown.Item>
</Dropdown.Item> <Dropdown.Item>
<Dropdown.Item> Alaska Standard Time
Alaska Standard Time </Dropdown.Item>
</Dropdown.Item> <Dropdown.Item>
<Dropdown.Item> Bangladesh Standard Time{' '}
Bangladesh Standard Time{' '} </Dropdown.Item>
</Dropdown.Item> <Dropdown.Item>...</Dropdown.Item>
<Dropdown.Item>...</Dropdown.Item> </Dropdown>
</Dropdown> </FormGroup>
</FormGroup> <FormGroup>
<FormGroup> <FormControl
<FormControl name='password'
name='password' type='password'
type='password' placeholder='password'
placeholder='password' />
/> <HelpBlock tooltip>
<HelpBlock tooltip> Minimum password length is 8 characters
Minimum password length is 8 characters </HelpBlock>
</HelpBlock> </FormGroup>
</FormGroup> <FormGroup>
<FormGroup> <Button appearance='primary' block>
<Button appearance='primary' block> Register
Register </Button>
</Button> </FormGroup>
</FormGroup> </Form>
</Form> </Panel>
</Panel> </FlexboxGrid.Item>
</FlexboxGrid.Item> </FlexboxGrid>
</FlexboxGrid>
</Content>
); );
} }