Resume
/
movie-explorer
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix poster/popcorn size
Gitea/movie-explorer/pipeline/head This commit looks good Details

This commit is contained in:
andrzej 2024-10-08 12:07:20 +02:00
parent 5de3cddc64
commit 44350c1e9d
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/objects/sidebar.tsx
View File

@ -24,16 +24,16 @@ export function Sidebar({ movie, similarMoviesAvailable, watchProviders, config,
<h1 className="font-bold text-base sm:text-lg sm:text-wrap my-1 sm:my-4 overflow-hidden text-center text-balance">{movie?.title ?? "loading"}</h1> <h1 className="font-bold text-base sm:text-lg sm:text-wrap my-1 sm:my-4 overflow-hidden text-center text-balance">{movie?.title ?? "loading"}</h1>
</div> </div>
<div className="flex flex-row sm:flex-col gap-2 justify-center items-center"> <div className="flex flex-row sm:flex-col gap-2 justify-center items-center">
<a href={tmdb.makeMovieLink(movie)} target="_blank" rel="noopener noreferrer" className="w-3/12 sm:h-96 aspect-poster flex justify-center">
{movie.poster_path ? {movie.poster_path ?
<a href={tmdb.makeMovieLink(movie)} target="_blank" rel="noopener noreferrer" className="w-3/12 lg:w-9/12 sm:h-96 aspect-poster flex justify-center">
<CrossfadeImage src={tmdb.makeImgUrl(movie.poster_path)} style={{ <CrossfadeImage src={tmdb.makeImgUrl(movie.poster_path)} style={{
objectFit: "clip", objectFit: "clip",
height: "100%", height: "100%",
apectRatio: "2 / 3" apectRatio: "2 / 3"
}} /> }} />
: <Popcorn height="100%" size="100%" />
}
</a> </a>
: <Popcorn height="100%" size="70%" />
}
{similarMoviesAvailable ? "" : "No hay data suficiente para darte pelílculas relacionadas."} {similarMoviesAvailable ? "" : "No hay data suficiente para darte pelílculas relacionadas."}
<div className="h-36 sm:h-72 w-8/12 sm:w-full overflow-y-scroll overflow-x-hidden sm:mt-4 p-2 sm:p-4 text-sm sm:text-base flex justify-center items-center border-2 border-slate-800 rounded-lg "> <div className="h-36 sm:h-72 w-8/12 sm:w-full overflow-y-scroll overflow-x-hidden sm:mt-4 p-2 sm:p-4 text-sm sm:text-base flex justify-center items-center border-2 border-slate-800 rounded-lg ">
{movie.overview === null ? {movie.overview === null ?