diff options
| author | Anton Tananaev <anton.tananaev@gmail.com> | 2021-06-01 11:58:19 -0700 |
|---|---|---|
| committer | Anton Tananaev <anton.tananaev@gmail.com> | 2021-06-01 11:58:19 -0700 |
| commit | 14975dd481b6f7d0fd197b01410a38303cac5b79 (patch) | |
| tree | fa496fad7554d24df73db7a9b7d56dd1054125b3 /modern/src/components | |
| parent | 967024a5c3564bd2a2d993c7f07a85f9eb2ab7e7 (diff) | |
| download | etbsa-traccar-web-14975dd481b6f7d0fd197b01410a38303cac5b79.tar.gz etbsa-traccar-web-14975dd481b6f7d0fd197b01410a38303cac5b79.tar.bz2 etbsa-traccar-web-14975dd481b6f7d0fd197b01410a38303cac5b79.zip | |
Logo coloring
Diffstat (limited to 'modern/src/components')
| -rw-r--r-- | modern/src/components/LoginForm.js | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/modern/src/components/LoginForm.js b/modern/src/components/LoginForm.js index d52a51d..bb76213 100644 --- a/modern/src/components/LoginForm.js +++ b/modern/src/components/LoginForm.js @@ -11,6 +11,7 @@ import ResetPasswordForm from './ResetPasswordForm'; const useStyles = makeStyles(theme => ({ logoContainer: { textAlign: 'center', + color: theme.palette.primary.main, }, resetPassword: { cursor: 'pointer', @@ -28,7 +29,6 @@ const LoginForm = ({ setCurrentForm }) => { const dispatch = useDispatch(); const history = useHistory(); const theme = useTheme(); - const matches = useMediaQuery(theme.breakpoints.down('md')); const [failed, setFailed] = useState(false); const [email, setEmail] = useState(''); @@ -58,9 +58,13 @@ const LoginForm = ({ setCurrentForm }) => { return ( <Grid container direction='column' spacing={3}> - <Grid item className={classes.logoContainer}> - {matches && <img src='/logo.svg' alt='Traccar' />} - </Grid> + {useMediaQuery(theme.breakpoints.down('md')) && + <Grid item className={classes.logoContainer}> + <svg height="64" width="240"> + <use xlinkHref="/logo.svg#img"></use> + </svg> + </Grid> + } <Grid item> <TextField required |