yeyin/KatelyaTV
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
katelya
2025-09-03 22:38:12 +08:00
parent f121b06b91
commit db651d5a55
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/EpisodeSelector.tsx
+2 -2
View File
@@ -321,7 +321,7 @@ const EpisodeSelector: React.FC<EpisodeSelectorProps> = ({
</div> </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 len = currentEnd - currentStart + 1;
const episodes = Array.from({ length: len }, (_, i) => const episodes = Array.from({ length: len }, (_, i) =>
@@ -338,7 +338,7 @@ const EpisodeSelector: React.FC<EpisodeSelectorProps> = ({
e.stopPropagation(); e.stopPropagation();
handleEpisodeClick(episodeNumber); 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 isActive
? 'bg-green-500 text-white shadow-lg shadow-green-500/25 dark:bg-green-600' ? 'bg-green-500 text-white shadow-lg shadow-green-500/25 dark:bg-green-600'