Fix description text clipping in video cards

Card wrapper overflow-hidden was clipping description text at the card
boundary. Move overflow-hidden + rounding to the thumbnail only so the
card body text has room to render fully.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Mattias Tall
2026-05-26 12:03:56 +02:00
parent f5a35cd1f2
commit aaa9d0145e

View File

@@ -321,7 +321,7 @@ export default function VideoCard({ video, size = "md", onDismiss, variant = "gr
<div
onClick={() => navigate(`/watch/${video.youtube_video_id}`)}
className={clsx(
"group relative flex flex-col cursor-pointer rounded-2xl overflow-hidden",
"group relative flex flex-col cursor-pointer rounded-2xl",
"bg-zinc-900 hover:bg-zinc-800/80 transition-colors duration-150",
size === "sm" && "text-xs",
)}
@@ -332,7 +332,7 @@ export default function VideoCard({ video, size = "md", onDismiss, variant = "gr
duration={duration}
calmMode={calmMode}
onDismiss={() => dismissMut.mutate()}
className="aspect-video"
className="aspect-video rounded-t-2xl overflow-hidden"
/>
<div className="flex gap-2.5 p-3 flex-1">