|
@ -17,30 +17,30 @@ const styles = theme => { |
|
|
display: "flex", |
|
|
display: "flex", |
|
|
height: "100vh", |
|
|
height: "100vh", |
|
|
margin: "auto", |
|
|
margin: "auto", |
|
|
padding: theme.spacing.unit * 2, |
|
|
|
|
|
|
|
|
padding: theme.spacing(2), |
|
|
justifyContent: "center", |
|
|
justifyContent: "center", |
|
|
flexDirection: "column", |
|
|
flexDirection: "column", |
|
|
maxWidth: theme.breakpoints.values.sm |
|
|
maxWidth: theme.breakpoints.values.sm |
|
|
}, |
|
|
}, |
|
|
loginPanel: { |
|
|
loginPanel: { |
|
|
textAlign: "center", |
|
|
textAlign: "center", |
|
|
padding: theme.spacing.unit * 2, |
|
|
|
|
|
|
|
|
padding: theme.spacing(2), |
|
|
paddingTop: "200px", |
|
|
paddingTop: "200px", |
|
|
backgroundImage: 'url("/app/icon.png")', |
|
|
backgroundImage: 'url("/app/icon.png")', |
|
|
backgroundRepeat: "no-repeat", |
|
|
backgroundRepeat: "no-repeat", |
|
|
backgroundPosition: "50% " + theme.spacing.unit * 2 + "px", |
|
|
|
|
|
|
|
|
backgroundPosition: "50% " + theme.spacing(2) + "px", |
|
|
backgroundSize: "auto 150px", |
|
|
backgroundSize: "auto 150px", |
|
|
width: "100%" |
|
|
width: "100%" |
|
|
}, |
|
|
}, |
|
|
extendedIcon: { |
|
|
extendedIcon: { |
|
|
marginRight: theme.spacing.unit, |
|
|
|
|
|
|
|
|
marginRight: theme.spacing(0.5), |
|
|
}, |
|
|
}, |
|
|
textField: { |
|
|
textField: { |
|
|
width: "100%" |
|
|
width: "100%" |
|
|
}, |
|
|
}, |
|
|
button: { |
|
|
button: { |
|
|
marginRight: theme.spacing.unit * 2, |
|
|
|
|
|
marginTop: theme.spacing.unit * 2, |
|
|
|
|
|
|
|
|
marginRight: theme.spacing(2), |
|
|
|
|
|
marginTop: theme.spacing(2), |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|