fix(frontend): correctly position title card hover section (#486)

f2ebba7 introduced an issue where the children of the animation would not be visible during the
animation

Co-authored-by: Jakob Ankarhem <jakob.ankarhem@jetshop.se>
This commit is contained in:
Jakob Ankarhem
2020-12-24 13:00:20 +01:00
committed by GitHub
parent dd22d158ff
commit 4b7af86111

View File

@@ -163,10 +163,10 @@ const TitleCard: React.FC<TitleCardProps> = ({
leaveFrom="opacity-100" leaveFrom="opacity-100"
leaveTo="opacity-0" leaveTo="opacity-0"
> >
<div> <div className="absolute top-0 left-0 right-0 bottom-0">
<Link href={mediaType === 'movie' ? `/movie/${id}` : `/tv/${id}`}> <Link href={mediaType === 'movie' ? `/movie/${id}` : `/tv/${id}`}>
<a <a
className="absolute top-0 bottom-0 left-0 right-0 w-full h-full overflow-hidden text-left rounded-lg cursor-pointer" className="absolute w-full h-full overflow-hidden text-left rounded-lg cursor-pointer"
style={{ style={{
background: background:
'linear-gradient(180deg, rgba(45, 55, 72, 0.4) 0%, rgba(45, 55, 72, 0.9) 100%)', 'linear-gradient(180deg, rgba(45, 55, 72, 0.4) 0%, rgba(45, 55, 72, 0.9) 100%)',