Mirrors/VILLASweb
1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-09 00:00:01 +01:00
Code Issues Releases Wiki Activity

login page layout, closes #255

Browse source
This commit is contained in:
irismarie 2020-09-24 14:59:22 +02:00
parent 3c4e7d89c0
commit 493a57577d
2 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/styles/app.css
View file

@ -224,7 +224,7 @@ body {
* Login form
*/
.login-container {
max-width: 500px;
max-width: 400px;
margin: 30px auto;
padding: 15px 20px;

19
src/user/login-form.js
View file

@ -59,32 +59,33 @@ class LoginForm extends Component {
return (
<Form>
<FormGroup controlId="username">
<FormLabel column={true} sm={2}>Username</FormLabel>
<Col sm={10}>
<FormLabel column={true}>Username</FormLabel>
<Col>
<FormControl type="text" placeholder="Username" onChange={(e) => this.handleChange(e)} />
</Col>
</FormGroup>
<FormGroup controlId="password">
<FormLabel column={true} sm={2}>Password</FormLabel>
<Col sm={10}>
<FormLabel column={true}>Password</FormLabel>
<Col >
<FormControl type="password" placeholder="Password" onChange={(e) => this.handleChange(e)} />
</Col>
</FormGroup>
{this.props.loginMessage &&
<div style={{ marginBottom: '50px', color: 'red' }}>
<Col sm={{span: 10, offset: 2}} style={{ paddingLeft: '5px' }}>
<div style={{ marginBottom: '20px', color: 'red', fontSize: 'small' }}>
<Col sm={{ span: 10, offset: 2 }} style={{ paddingLeft: '5px' }}>
<i>Error: </i>{this.props.loginMessage}
</Col>
</div>
}
<FormGroup>
<Col sm={{span: 10, offset: 2}}>
<Button type="submit" disabled={this.state.disableLogin} onClick={e => this.login(e)}>Login</Button>
<FormGroup style={{paddingTop: 15, paddingBottom: 5}}>
<Col>
<Button style={{width: 90}} type="submit" disabled={this.state.disableLogin} onClick={e => this.login(e)}>Login</Button>
</Col>
</FormGroup>
</Form>
);
}