From a206fac62f6f829a82e68039234fb9fe8f1f7521 Mon Sep 17 00:00:00 2001
From: SongPro <ovoxinsong@gmail.com>
Date: Thu, 10 Jul 2025 11:51:43 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=BB=84=E4=BB=B6):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?ScrollableRow=E5=92=8CVideoCard=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

优化ScrollableRow的padding和overflow样式，为VideoCard添加hover时的缩放效果
---
 src/components/ScrollableRow.tsx | 2 +-
 src/components/VideoCard.tsx     | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/ScrollableRow.tsx b/src/components/ScrollableRow.tsx
index 9416668..955983e 100644
--- a/src/components/ScrollableRow.tsx
+++ b/src/components/ScrollableRow.tsx
@@ -102,7 +102,7 @@ export default function ScrollableRow({
     >
       <div
         ref={containerRef}
-        className='flex space-x-6 scrollbar-hide pb-12 sm:pb-14'
+        className='flex space-x-6 overflow-x-auto scrollbar-hide py-2 sm:py-4 pb-12 sm:pb-14'
         onScroll={checkScroll}
       >
         {children}
diff --git a/src/components/VideoCard.tsx b/src/components/VideoCard.tsx
index 2aaf4da..42aafae 100644
--- a/src/components/VideoCard.tsx
+++ b/src/components/VideoCard.tsx
@@ -224,7 +224,9 @@ export default function VideoCard({
   return (
     <div
       className={`group relative w-full rounded-lg bg-transparent transition-all duration-300 transform ${
-        isDeleting ? 'opacity-0 scale-90 translate-y-4' : 'hover:-translate-y-1'
+        isDeleting
+          ? 'opacity-0 scale-90 translate-y-4'
+          : 'hover:-translate-y-1 hover:scale-[1.02]'
       }`}
       onClick={handleClick}
     >