Fakultas Ilmu Komputer UI

Commit cd2d0c4a authored by sirinbaisa's avatar sirinbaisa
Browse files

[#140654507] #17 Page Modal Register

parent 4fc4fbf7
...@@ -27,6 +27,7 @@ body { ...@@ -27,6 +27,7 @@ body {
} }
.tabs { .tabs {
margin-top: 100px; margin-top: 100px;
margin-left: 150px; margin-left: 150px;
...@@ -65,6 +66,12 @@ body { ...@@ -65,6 +66,12 @@ body {
height: 700px; height: 700px;
} }
.register{
margin-left:180px;
margin-right:110px;
}
.formLogin{ .formLogin{
margin: 0 auto; margin: 0 auto;
margin-top: 100px; margin-top: 100px;
...@@ -77,6 +84,10 @@ padding: 20px; ...@@ -77,6 +84,10 @@ padding: 20px;
} }
.registerModal{
margin: 0 auto;
}
.bookmark{ .bookmark{
float: right; float: right;
} }
...@@ -134,10 +145,7 @@ textarea{ ...@@ -134,10 +145,7 @@ textarea{
height: 160px !important; height: 160px !important;
} }
.register{
background-color:#3B8686;
}
.note { .note {
color: gray; color: gray;
......
...@@ -40,7 +40,7 @@ export default class companyRegister extends React.Component { ...@@ -40,7 +40,7 @@ export default class companyRegister extends React.Component {
icon={{ name: 'attach', circular: true, link: true }} icon={{ name: 'attach', circular: true, link: true }}
placeholder='attach logo' placeholder='attach logo'
required required
type="File"
/> />
</Form.Field> </Form.Field>
<Form.Field required> <Form.Field required>
......
import React from 'react'; import React from 'react';
import { Grid, Segment, Button, Header, Icon, Modal, Form, Input, TextArea, } from 'semantic-ui-react'; import { Grid, Segment, Button, Header, Icon, Modal, Form, Input, TextArea, Card} from 'semantic-ui-react';
import LoginForm from './components/LoginForm'; import LoginForm from './components/LoginForm';
export default class Login extends React.Component { export default class Login extends React.Component {
...@@ -23,8 +23,19 @@ export default class Login extends React.Component { ...@@ -23,8 +23,19 @@ export default class Login extends React.Component {
<Segment basic> <Segment basic>
<LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" /> <LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" />
{this.props.children} {this.props.children}
</Segment>
<RegisterModal/> </Segment >
<div className="register">
<Card>
<Card.Content>
<Card.Header>
New to us ?
</Card.Header>
<RegisterModal />
</Card.Content>
</Card>
</div>
</Grid.Column> </Grid.Column>
...@@ -41,8 +52,8 @@ export default class Login extends React.Component { ...@@ -41,8 +52,8 @@ export default class Login extends React.Component {
} }
const RegisterModal = () => ( const RegisterModal = () => (
<Modal trigger={<Button>Show Modal</Button>} closeIcon='close'> <Modal trigger={<Button primary floated="right">Register Here!</Button>} closeIcon='close'>
<Header icon='archive' content='Archive Old Messages' /> <Header icon='archive' content='Register for More Benefits' />
<Modal.Content> <Modal.Content>
<Form> <Form>
...@@ -95,10 +106,12 @@ const RegisterModal = () => ( ...@@ -95,10 +106,12 @@ const RegisterModal = () => (
<Input placeholder='Provinsi' required /> <Input placeholder='Provinsi' required />
</Form.Field > </Form.Field >
<Button type='submit' floated='right' color='blue'>Submit</Button>
</Form> </Form>
</Modal.Content> </Modal.Content>
<Modal.Actions> <Modal.Actions>
<Button type='submit' floated='right' color='blue'>Submit</Button>
</Modal.Actions> </Modal.Actions>
</Modal> </Modal>
) )
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment