ironmagma/quintodrome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use logo on login page. Closes #247

Browse source
This commit is contained in:
Deluan 2020-10-04 11:47:25 -04:00
parent 180f1354fc
commit 38c1999fcd
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
ui/src/icons/android-icon-72x72.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.2 KiB

8
ui/src/layout/Login.js
View file

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