ZSCGR/KVideo
1
0
Fork 0
mirror of https://github.com/KuekHaoYang/KVideo.git synced 2026-08-14 16:23:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(cards): adjust movie and video card styling

Browse Source 
- Change padding from p-3 to pt-3 for movie card title section
- Add text-center alignment to movie card title
- Remove flex layout from video card info section
- Move vod_remarks inside title as bracketed prefix in video card
- Remove separate paragraph for vod_remarks in video card
- Adjust line-clamp and height constraints for video titles
This commit is contained in:
wudi
2025-12-27 09:54:28 +08:00
parent ff18e10af5
commit e5bfd6a449
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home/MovieCard.tsx
+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>
components/search/VideoCard.tsx
+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>