specify thumbnail size
This commit is contained in:
parent
3b0ed18bf5
commit
4b7969496f
1 changed files with 1 additions and 2 deletions
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue