From 14975dd481b6f7d0fd197b01410a38303cac5b79 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Tue, 1 Jun 2021 11:58:19 -0700
Subject: Logo coloring

---
 modern/src/LoginPage.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'modern/src/LoginPage.js')

diff --git a/modern/src/LoginPage.js b/modern/src/LoginPage.js
index 3d4b17f4..54994f4e 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>
-- 
cgit v1.2.3