From df60e00c4ea4da4aa10ec51e10d5fa76c1302280 Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Mon, 17 Nov 2025 18:02:30 +0800
Subject: [PATCH] style: Update border radius for image components in
 PopularFeatures and VideoGrid for consistent styling

---
 components/home/PopularFeatures.tsx | 3 ++-
 components/search/VideoGrid.tsx     | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/home/PopularFeatures.tsx b/components/home/PopularFeatures.tsx
index 17617a8..e599022 100644
--- a/components/home/PopularFeatures.tsx
+++ b/components/home/PopularFeatures.tsx
@@ -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 && (
diff --git a/components/search/VideoGrid.tsx b/components/search/VideoGrid.tsx
index e52b5cc..eed0bbe 100644
--- a/components/search/VideoGrid.tsx
+++ b/components/search/VideoGrid.tsx
@@ -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"
                   />
                 ) : (