diff options
Diffstat (limited to 'src/app/movies/components')
| -rw-r--r-- | src/app/movies/components/popular.jsx | 17 | ||||
| -rw-r--r-- | src/app/movies/components/search.jsx | 2 | ||||
| -rw-r--r-- | src/app/movies/components/trending.jsx | 17 |
3 files changed, 9 insertions, 27 deletions
diff --git a/src/app/movies/components/popular.jsx b/src/app/movies/components/popular.jsx index d2d5e36..3ef0501 100644 --- a/src/app/movies/components/popular.jsx +++ b/src/app/movies/components/popular.jsx @@ -10,7 +10,7 @@ export default async function POPULAR_MOVIES() { return ( <main className={styles.Main}> - <h1>Popular Movies</h1> + <h2>Popular Movies</h2> <section className={styles.MovieContainer}> {data && data.results && @@ -23,21 +23,12 @@ export default async function POPULAR_MOVIES() { }} key={index} > - <div - style={{ - borderRadius: "0.5rem", - overflow: "hidden", - backgroundImage: `url(https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.backdrop_path})`, - backgroundRepeat: "no-repeat", - backgroundSize: "cover", - }} - className={styles.MovieEntryPrev} - > + <div className={styles.MovieEntryPrev}> <div className={styles.MovieEntry}> <Image src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.poster_path}`} - width={167} - height={247} + width={180} + height={300} alt="Movie Poster" priority ></Image> diff --git a/src/app/movies/components/search.jsx b/src/app/movies/components/search.jsx index 6514b76..dca163a 100644 --- a/src/app/movies/components/search.jsx +++ b/src/app/movies/components/search.jsx @@ -19,7 +19,7 @@ export default function SEARCH_COMPONENT() { <FaSearch color="white" className={styles.SearchIcon} - size={17} + size={22} /> <input placeholder="Enter movie title here" diff --git a/src/app/movies/components/trending.jsx b/src/app/movies/components/trending.jsx index 5436dfa..8e20ba1 100644 --- a/src/app/movies/components/trending.jsx +++ b/src/app/movies/components/trending.jsx @@ -10,7 +10,7 @@ export default async function TREDNING_MOVIES() { return ( <main className={styles.Main}> - <h1>Trending Movies</h1> + <h2>Trending Movies</h2> <section className={styles.MovieContainer}> {data && data.results && @@ -23,21 +23,12 @@ export default async function TREDNING_MOVIES() { }} key={index} > - <div - style={{ - borderRadius: "0.5rem", - overflow: "hidden", - backgroundImage: `url(https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.backdrop_path})`, - backgroundRepeat: "no-repeat", - backgroundSize: "cover", - }} - className={styles.MovieEntryPrev} - > + <div className={styles.MovieEntryPrev}> <div className={styles.MovieEntry}> <Image src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.poster_path}`} - width={167} - height={247} + width={180} + height={300} alt="Movie Poster" ></Image> <p>{item.title}</p> |