psmattas/Netflix-Clone
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed stylying issues

Browse Source
This commit is contained in:
andres alcocer
2020-08-02 15:00:35 -04:00
parent 181daad105
commit 1985db16d6
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/containers/DisplayMovieRow.js
View File

@@ -83,8 +83,9 @@ export default class DisplayMovieRow extends Component {
<> <>
<h1 className="movieShowcase__heading">{this.props.title}</h1> <h1 className="movieShowcase__heading">{this.props.title}</h1>
{/* <div className="movieShowcase__container">{movies}</div> */} {/* <div className="movieShowcase__container">{movies}</div> */}
<Dots value={this.state.value} onChange={this.onSlideChange} number={this.props.movies.length} />
<Carousel <Carousel
className="movieShowcase__container" // className="movieShowcase__container"
infinite infinite
draggable={false} draggable={false}
arrows arrows
@@ -105,14 +106,17 @@ export default class DisplayMovieRow extends Component {
} }
// return <img key={idx} src={movieImageUrl} />; // return <img key={idx} src={movieImageUrl} />;
return ( return (
<img <div
src={movieImageUrl} className={"movieShowcase__container--movie" + (netflixUrl ? "__netflix" : "")}
className="movieShowcase__container--movie-image" >
/> <img
className="movieShowcase__container--movie-image"
src={movieImageUrl}
/>
</div>
); );
})} })}
</Carousel> </Carousel>
<Dots value={this.state.value} onChange={this.onSlideChange} number={this.props.movies.length} />
</> </>
); );
} }