Use logo on login page. Closes #247

navidrome · Oct 4, 2020 · 38c1999 · 38c1999
1 parent 180f135
commit 38c1999
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/ui/src/icons/android-icon-72x72.png b/ui/src/icons/android-icon-72x72.png
diff --git a/ui/src/layout/Login.js b/ui/src/layout/Login.js
@@ -13,6 +13,7 @@ import TextField from '@material-ui/core/TextField'
 import { createMuiTheme, makeStyles } from '@material-ui/core/styles'
 import { ThemeProvider } from '@material-ui/styles'
 import LockIcon from '@material-ui/icons/Lock'
+import Logo from '../icons/android-icon-72x72.png'
 
 import { Notification, useLogin, useNotify, useTranslate } from 'react-admin'
 
@@ -42,7 +43,8 @@ const useStyles = makeStyles((theme) => ({
     justifyContent: 'center',
   },
   icon: {
-    backgroundColor: theme.palette.secondary.main,
+    backgroundColor: 'white',
+    width: '40px',
   },
   systemName: {
     marginTop: '1em',
@@ -95,9 +97,7 @@ const FormLogin = ({ loading, handleSubmit, validate }) => {
           <div className={classes.main}>
             <Card className={classes.card}>
               <div className={classes.avatar}>
-                <Avatar className={classes.icon}>
-                  <LockIcon />
-                </Avatar>
+                <img src={Logo} className={classes.icon} alt={'logo'} />
               </div>
               <div className={classes.systemName}>
                 <a