style: Update border radius for image components in PopularFeatures and VideoGrid for consistent styling

This commit is contained in:
kuekhaoyang
2025-11-17 18:02:30 +08:00
parent af652948b9
commit df60e00c4e
2 changed files with 4 additions and 2 deletions
+2 -1
View File
@@ -254,12 +254,13 @@ export function PopularFeatures({ onSearch }: PopularFeaturesProps) {
className="group cursor-pointer"
>
<Card hover className="overflow-hidden p-0 h-full">
<div className="relative aspect-[2/3] overflow-hidden bg-[var(--glass-bg)]">
<div className="relative aspect-[2/3] overflow-hidden bg-[var(--glass-bg)]" style={{ borderRadius: 'var(--radius-2xl)' }}>
<Image
src={movie.cover}
alt={movie.title}
fill
className="object-cover transition-transform duration-500 group-hover:scale-110"
style={{ borderRadius: 'var(--radius-2xl)' }}
sizes="(max-width: 640px) 50vw, (max-width: 768px) 33vw, (max-width: 1024px) 25vw, 20vw"
/>
{movie.rate && parseFloat(movie.rate) > 0 && (
+2 -1
View File
@@ -46,12 +46,13 @@ export function VideoGrid({ videos, className = '' }: VideoGridProps) {
className={`p-0 overflow-hidden group cursor-pointer flex flex-col h-full ${video.isNew ? 'animate-scale-in' : ''}`}
>
{/* Poster */}
<div className="relative aspect-[2/3] bg-[color-mix(in_srgb,var(--glass-bg)_50%,transparent)] overflow-hidden" style={{ borderRadius: 'var(--radius-2xl) var(--radius-2xl) 0 0' }}>
<div className="relative aspect-[2/3] bg-[color-mix(in_srgb,var(--glass-bg)_50%,transparent)] overflow-hidden" style={{ borderRadius: 'var(--radius-2xl)' }}>
{video.vod_pic ? (
<img
src={video.vod_pic}
alt={video.vod_name}
className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
style={{ borderRadius: 'var(--radius-2xl)' }}
loading="lazy"
/>
) : (