diff options
Diffstat (limited to 'sdnr/wt/odlux/framework/src/views/login.tsx')
-rw-r--r-- | sdnr/wt/odlux/framework/src/views/login.tsx | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/sdnr/wt/odlux/framework/src/views/login.tsx b/sdnr/wt/odlux/framework/src/views/login.tsx index 9b69ecd7e..3f6ef6134 100644 --- a/sdnr/wt/odlux/framework/src/views/login.tsx +++ b/sdnr/wt/odlux/framework/src/views/login.tsx @@ -45,31 +45,31 @@ const styles = (theme: Theme) => createStyles({ layout: { width: 'auto', display: 'block', // Fix IE11 issue. - marginLeft: theme.spacing.unit * 3, - marginRight: theme.spacing.unit * 3, - [theme.breakpoints.up(400 + theme.spacing.unit * 3 * 2)]: { + marginLeft: theme.spacing(3), + marginRight: theme.spacing(3), + [theme.breakpoints.up(400 + theme.spacing(3) * 2)]: { width: 400, marginLeft: 'auto', marginRight: 'auto', }, }, paper: { - marginTop: theme.spacing.unit * 8, + marginTop: theme.spacing(8), display: 'flex', flexDirection: 'column', alignItems: 'center', - padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px ${theme.spacing.unit * 3}px`, + padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`, }, avatar: { - margin: theme.spacing.unit, + margin: theme.spacing(1), backgroundColor: theme.palette.secondary.main, }, form: { width: '100%', // Fix IE11 issue. - marginTop: theme.spacing.unit, + marginTop: theme.spacing(1), }, submit: { - marginTop: theme.spacing.unit * 3, + marginTop: theme.spacing(3), }, }); @@ -87,7 +87,7 @@ interface ILoginState { // todo: ggf. redirect to einbauen class LoginComponent extends React.Component<LoginProps, ILoginState> { - constructor (props: LoginProps) { + constructor(props: LoginProps) { super(props); this.state = { @@ -142,13 +142,13 @@ class LoginComponent extends React.Component<LoginProps, ILoginState> { /> </FormControl> <FormControlLabel - control={<Checkbox value="remember" color="primary" />} + control={<Checkbox value="remember" color="secondary" />} label="Remember me" /> <Button type="submit" fullWidth - variant="raised" + variant="contained" color="primary" disabled={this.state.busy} className={classes.submit} |