frontend/components/Logo/index.js (view raw)
1import {makeStyles} from '@material-ui/core/styles';
2
3const Logo = () => {
4 const classes = useStyles();
5 return (
6 <div className={classes.layout}>
7 <a href="https://caroster.io" className={classes.link}>
8 <img src={'/assets/Caroster_beta.png'} alt="Caroster" className={classes.logo} />
9 </a>
10 </div>
11 );
12};
13
14const useStyles = makeStyles(theme => ({
15 layout: {
16 display: 'flex',
17 justifyContent: 'center',
18 alignItems: 'center',
19 paddingTop: theme.spacing(4),
20 paddingBottom: theme.spacing(4),
21 },
22 link: {
23 width: '100%',
24 },
25 logo: {
26 display: 'block',
27 width: '55%',
28 height: 'auto',
29 margin: '0 auto',
30 },
31}));
32export default Logo;