sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve video card appearance by adjusting title and view count spacing

Browse Source 
Update `VideoCard` component in `client/src/components/video-card.tsx` to reduce vertical spacing for titles and view counts, enhancing visual appeal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
This commit is contained in:
sebastjanartic 2025-08-29 10:21:45 +00:00
parent f0be2287eb
commit 1dbffb52bc
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/video-card.tsx
View File

@ -197,15 +197,15 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
)} )}
</div> </div>
<div className="space-y-2"> <div className="space-y-1">
<h3 <h3
className="font-semibold line-clamp-2 hover:text-bunny-blue transition-colors text-bunny-light cursor-pointer" className="text-sm md:text-base font-medium line-clamp-2 hover:text-bunny-blue transition-colors text-bunny-light cursor-pointer"
onClick={() => onClick?.(video)} onClick={() => onClick?.(video)}
data-testid={`text-title-${video.id}`} data-testid={`text-title-${video.id}`}
> >
{video.title} {video.title}
</h3> </h3>
<div className="flex items-center space-x-3 text-sm text-bunny-muted"> <div className="flex items-center space-x-2 text-xs md:text-sm text-bunny-muted">
<span data-testid={`text-views-${video.id}`}> <span data-testid={`text-views-${video.id}`}>
{formatViews(video.views)} {formatViews(video.views)}
</span> </span>