Commit 9b594b83 authored by Matija Obreza's avatar Matija Obreza
Browse files

Merge branch '314-fix-the-welcome-page-image-loading' into 'master'

Resolve "Fix the welcome page image loading"

Closes #314

See merge request !253
parents 8ff45124 78238fd7
......@@ -19,14 +19,21 @@ import BookmarkBorderIcon from 'material-ui-icons/BookmarkBorder';
const styles = (theme) => ({
/* tslint:disable */
backgroundImageWrapper:{
marginTop:'-25%',
},
backgroundImage: {
top: '-50%',
display: 'block',
marginBottom: '-100%',
[theme.breakpoints.down('md')]: {
minWidth: '1000px',
width:'110%',
marginTop:'0px',
},
},
background: {
backgroundImage: 'url("/images/entrypage.jpg")',
backgroundRepeat: 'no-repeat',
backgroundSize: 'cover',
backgroundPosition: 'left bottom',
[theme.breakpoints.down('sm')]: {
backgroundPosition: '-440px -180px',
},
overflow: 'hidden' as 'hidden',
},
searchBox: {
textAlign: 'center',
......@@ -247,7 +254,13 @@ class WelcomePage extends React.Component<any, any> {
<div>
<ContentHeader title={ t('Genesys Catalog') } />
<Grid container spacing={ 0 } className={ classes.background }>
<Grid item xs={ 12 }>
<div className={ classes.backgroundImageWrapper }>
<img className={ classes.backgroundImage } srcSet="
/images/entrypage1x.jpg 1000w,
/images/entrypage2x.jpg 2000w,
/images/entrypage4x.jpg 4000w "
/>
</div> <Grid item xs={ 12 }>
<div className={ classes.searchBox }>
<form onSubmit={ onSubmitSearch }>
<div className={ classes.searchWrapper }>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment