specify thumbnail size

This commit is contained in:
MarconLP 2023-04-12 19:24:02 +02:00
parent 3b0ed18bf5
commit 4b7969496f
No known key found for this signature in database
GPG key ID: F4CAFFDFA3451D5E

View file

@ -146,13 +146,12 @@ const VideoCard = ({ title, id, createdAt }: VideoCardProps) => {
return ( return (
<Link href={`/share/${id}`}> <Link href={`/share/${id}`}>
<div className="h-[240px] w-[250px] cursor-pointer overflow-hidden rounded-lg border border-[#6c668533] text-sm font-normal"> <div className="h-[240px] w-[250px] cursor-pointer overflow-hidden rounded-lg border border-[#6c668533] text-sm font-normal">
<figure className="relative"> <figure>
<Image <Image
src="https://i3.ytimg.com/vi/BuaKzm7Kq9Q/maxresdefault.jpg" src="https://i3.ytimg.com/vi/BuaKzm7Kq9Q/maxresdefault.jpg"
alt="video thumbnail" alt="video thumbnail"
width={248} width={248}
height={139.5} height={139.5}
className="!relative object-contain"
/> />
</figure> </figure>
<div className="m-4 flex flex-col"> <div className="m-4 flex flex-col">