fix: 调整集数网格的列宽和间距,优化布局

This commit is contained in:
katelya
2025-09-03 22:38:12 +08:00
parent f121b06b91
commit db651d5a55
+2 -2
View File
@@ -321,7 +321,7 @@ const EpisodeSelector: React.FC<EpisodeSelectorProps> = ({
</div>
{/* 集数网格 */}
<div className='grid grid-cols-[repeat(auto-fill,minmax(44px,1fr))] justify-center gap-x-2 gap-y-1 overflow-y-auto h-full pb-4'>
<div className='grid grid-cols-[repeat(auto-fill,minmax(48px,1fr))] justify-center gap-2 overflow-y-auto pb-4'>
{(() => {
const len = currentEnd - currentStart + 1;
const episodes = Array.from({ length: len }, (_, i) =>
@@ -338,7 +338,7 @@ const EpisodeSelector: React.FC<EpisodeSelectorProps> = ({
e.stopPropagation();
handleEpisodeClick(episodeNumber);
}}
className={`w-full h-8 flex items-center justify-center text-sm font-medium rounded transition-all duration-200 cursor-pointer
className={`w-full h-10 flex items-center justify-center text-sm font-medium rounded-md transition-all duration-200 cursor-pointer
${
isActive
? 'bg-green-500 text-white shadow-lg shadow-green-500/25 dark:bg-green-600'