1
0
mirror of https://github.com/Radarr/Radarr.git synced 2024-11-20 18:02:44 +01:00

Fixed Incorrect placeholder width on search page

Co-Authored-By: nitsua <8321115+austinwbest@users.noreply.github.com>
This commit is contained in:
Qstick 2022-01-20 20:45:46 -06:00
parent 8fd6101121
commit 589368781b

View File

@ -86,6 +86,13 @@ class AddNewMovieSearchResult extends Component {
} = this.state; } = this.state;
const linkProps = isExistingMovie ? { to: `/movie/${titleSlug}` } : { onPress: this.onPress }; const linkProps = isExistingMovie ? { to: `/movie/${titleSlug}` } : { onPress: this.onPress };
const posterWidth = 167;
const posterHeight = 250;
const elementStyle = {
width: `${posterWidth}px`,
height: `${posterHeight}px`
};
return ( return (
<div className={styles.searchResult}> <div className={styles.searchResult}>
@ -102,6 +109,7 @@ class AddNewMovieSearchResult extends Component {
<div className={styles.posterContainer}> <div className={styles.posterContainer}>
<MoviePoster <MoviePoster
className={styles.poster} className={styles.poster}
style={elementStyle}
images={images} images={images}
size={250} size={250}
overflow={true} overflow={true}
@ -114,7 +122,7 @@ class AddNewMovieSearchResult extends Component {
monitored={monitored} monitored={monitored}
hasFile={hasFile} hasFile={hasFile}
status={status} status={status}
posterWidth={167} posterWidth={posterWidth}
detailedProgressBar={true} detailedProgressBar={true}
queueStatus={queueStatus} queueStatus={queueStatus}
queueState={queueState} queueState={queueState}