ODWRTW/canape
2
2
Fork 0
Code Issues 3 Pull Requests 1 Releases Activity

Update the poster images css

Browse Source
This commit is contained in:
Grégoire Delattre 2019-06-20 16:52:57 +02:00
parent 30452169fd
commit e436ece06c
3 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/js/components/list/poster.js
View File

@ -9,7 +9,7 @@ const Poster = (props) => {
src={props.data.get("poster_url")} src={props.data.get("poster_url")}
onClick={props.onClick} onClick={props.onClick}
onDoubleClick={props.onDoubleClick} onDoubleClick={props.onDoubleClick}
className={`my-1 m-md-2 img-thumbnail ${className}`} className={`my-1 m-md-2 img-thumbnail object-fit-cover ${className}`}
/> />
); );
} }

4
frontend/js/components/list/posters.js
View File

@ -39,7 +39,7 @@ const ListPosters = (props) => {
} }
return ( return (
<div className="col px-1"> <div className="col-4 col-md-8 px-1">
{displayFilter && {displayFilter &&
<ListFilter <ListFilter
updateFilter={props.updateFilter} updateFilter={props.updateFilter}
@ -112,7 +112,7 @@ const Posters = (props) => {
return ( return (
<InfiniteScroll <InfiniteScroll
className="poster-list d-block flex-row flex-wrap justify-content-around" className="poster-list d-flex flex-column flex-sm-row flex-sm-wrap justify-content-around"
dataLength={size} dataLength={size}
next={loadMore} next={loadMore}
hasMore={hasMore()} hasMore={hasMore()}

11
frontend/scss/app.scss
View File

@ -60,10 +60,11 @@ div.show.dropdown.nav-item > div {
.poster-list { .poster-list {
img { img {
max-height: 20rem; display: block;
object-fit: cover; height: auto;
max-width: 100%; width: 100%;
flex-basis: content; max-width:12rem;
max-height:18rem;
} }
} }
@ -91,7 +92,7 @@ div.show.dropdown.nav-item > div {
} }
.show-thumbnail { .show-thumbnail {
max-height: 300px; max-height: 30rem;
} }
div.sweet-alert > h2 { div.sweet-alert > h2 {