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