Merge pull request #17 from WuChenDi/main

style: Optimize card component layout and information display styles
This commit is contained in:
Kuek Hao Yang
2025-12-27 10:47:24 +08:00
committed by GitHub
2 changed files with 7 additions and 9 deletions
+2 -2
View File
@@ -85,8 +85,8 @@ export const MovieCard = memo(function MovieCard({ movie, onMovieClick }: MovieC
</div>
)}
</div>
<div className="p-3">
<h3 className="font-semibold text-sm text-[var(--text-color)] line-clamp-2 group-hover:text-[var(--accent-color)] transition-colors">
<div className="pt-3">
<h3 className="font-semibold text-sm text-center text-[var(--text-color)] line-clamp-2 group-hover:text-[var(--accent-color)] transition-colors">
{movie.title}
</h3>
</div>
+5 -7
View File
@@ -139,15 +139,13 @@ export const VideoCard = memo<VideoCardProps>(({
</div>
{/* Info */}
<div className="p-3 flex-1 flex flex-col">
<h4 className="font-semibold text-sm text-[var(--text-color)] line-clamp-2 min-h-[2.5rem]">
<div className="pt-3">
<h4 className="font-semibold text-sm text-[var(--text-color)] line-clamp-2">
{video.vod_remarks && (
<span className="text-xs text-[var(--accent-color)] mr-1">[{video.vod_remarks}]</span>
)}
{video.vod_name}
</h4>
{video.vod_remarks && (
<p className="text-xs text-[var(--text-color-secondary)] mt-1 line-clamp-1">
{video.vod_remarks}
</p>
)}
</div>
</Card>
</Link>