style(组件): 调整ScrollableRow和VideoCard的样式细节

优化ScrollableRow的padding和overflow样式,为VideoCard添加hover时的缩放效果
This commit is contained in:
SongPro
2025-07-10 11:51:43 +08:00
parent 2aa24edf22
commit a206fac62f
2 changed files with 4 additions and 2 deletions

View File

@@ -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}

View File

@@ -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}
>