mirror of
https://github.com/KuekHaoYang/KVideo.git
synced 2026-08-12 23:33:43 +08:00
Merge pull request #17 from WuChenDi/main
style: Optimize card component layout and information display styles
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user