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/LoginPage.js | |
| 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/LoginPage.js')
| -rw-r--r-- | modern/src/LoginPage.js | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/modern/src/LoginPage.js b/modern/src/LoginPage.js index 3d4b17f..54994f4 100644 --- a/modern/src/LoginPage.js +++ b/modern/src/LoginPage.js @@ -13,6 +13,7 @@ const useStyles = makeStyles(theme => ({ display: 'flex', justifyContent: 'center', alignItems: 'center', + color: theme.palette.secondary.contrastText, background: theme.palette.common.purple, paddingBottom: theme.spacing(5), width: theme.dimensions.sidebarWidth, @@ -46,16 +47,19 @@ const LoginPage = () => { const theme = useTheme(); const [CurrentForm, setCurrentForm] = useState(() => LoginForm); - const matches = useMediaQuery(theme.breakpoints.down('md')); return ( <main className={classes.root}> <div className={classes.sidebar}> - {!matches && <img src='/logo.svg' alt='Traccar' /> } + {!useMediaQuery(theme.breakpoints.down('md')) && + <svg height="64" width="240"> + <use xlinkHref="/logo.svg#img"></use> + </svg> + } </div> <Paper className={classes.paper}> <form className={classes.form}> - <CurrentForm setCurrentForm={setCurrentForm} /> + <CurrentForm setCurrentForm={setCurrentForm} /> </form> </Paper> </main> |