use background image for logo

This commit is contained in:
Casper Lamboo 2018-11-27 17:17:31 +01:00
parent 6260e21c6d
commit 0c1cdb1580
1 changed files with 6 additions and 7 deletions

View File

@ -8,11 +8,12 @@ const styles = {
top: '0px', top: '0px',
right: '15%', right: '15%',
width: '19%', width: '19%',
backgroundImage: `url("${doodleSignImageURL}")`,
maxWidth: '290px',
height: '140px',
backgroundSize: '100%',
backgroundRepeat: 'no-repeat',
pointerEvents: 'none', // enable clicking through logo pointerEvents: 'none', // enable clicking through logo
'& img': {
width: '100%',
maxWidth: '290px'
}
}, },
'@media (max-width: 555px)': { '@media (max-width: 555px)': {
container: { container: {
@ -22,8 +23,6 @@ const styles = {
}; };
const Logo = ({ classes }) => ( const Logo = ({ classes }) => (
<div className={classes.container}> <div className={classes.container} />
<img src={doodleSignImageURL} />
</div>
); );
export default injectSheet(styles)(Logo); export default injectSheet(styles)(Logo);