mirror of
https://github.com/Doodle3D/Doodle3D-Core.git
synced 2024-12-22 19:13:49 +01:00
use background image for logo
This commit is contained in:
parent
6260e21c6d
commit
0c1cdb1580
@ -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);
|
||||||
|
Loading…
Reference in New Issue
Block a user