inputnoise/youclonedl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix description text clipping in video cards

Browse Source 
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
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/VideoCard.jsx
View File

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