Ma/LunaTV
1
0
Fork 0
mirror of https://github.com/MoonTechLab/LunaTV.git synced 2026-05-22 22:57:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: adjust card indicators style

Browse Source
This commit is contained in:
shinya
2025-07-01 21:26:30 +08:00
parent a6b5f52206
commit 31069691ef
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/DemoCard.tsx
View File

@@ -79,7 +79,7 @@ const DemoCard = ({ id, title, poster, rate }: DemoCardProps) => {
/> />
{/* 评分徽章 */} {/* 评分徽章 */}
{rate && ( {rate && (
<div className='absolute top-2 right-2 min-w-[1.25rem] h-4 sm:min-w-[1.5rem] sm:h-6 bg-pink-500 rounded-full flex items-center justify-center px-1'> <div className='absolute top-2 right-2 min-w-[1.25rem] h-4 w-4 sm:h-7 sm:w-7 sm:min-w-[1.5rem] bg-pink-500 rounded-full flex items-center justify-center px-1'>
<span className='text-white text-[0.5rem] sm:text-xs font-bold leading-none'> <span className='text-white text-[0.5rem] sm:text-xs font-bold leading-none'>
{rate} {rate}
</span> </span>
@@ -107,7 +107,7 @@ const DemoCard = ({ id, title, poster, rate }: DemoCardProps) => {
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
className='absolute top-2 left-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200' className='absolute top-2 left-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200'
> >
<div className='w-8 h-8 sm:w-9 sm:h-9 rounded-full bg-gray-600/60 flex items-center justify-center transition-all duration-200 hover:bg-green-500 hover:scale-110'> <div className='w-4 h-4 sm:w-7 sm:h-7 rounded-full bg-green-500 flex items-center justify-center transition-all duration-200 hover:scale-110'>
<LinkIcon className='w-4 h-4 text-white' strokeWidth={2} /> <LinkIcon className='w-4 h-4 text-white' strokeWidth={2} />
</div> </div>
</a> </a>

4
src/components/VideoCard.tsx
View File

@@ -218,7 +218,7 @@ export default function VideoCard({
{/* 集数指示器 - 绿色小圆球 */} {/* 集数指示器 - 绿色小圆球 */}
{episodes && episodes > 1 && ( {episodes && episodes > 1 && (
<div className='absolute top-2 right-2 w-4 h-4 sm:w-6 sm:h-6 bg-green-500 rounded-full flex items-center justify-center'> <div className='absolute top-2 right-2 w-4 h-4 sm:w-7 sm:h-7 bg-green-500 rounded-full flex items-center justify-center'>
<span className='text-white text-[0.5rem] sm:text-xs font-bold'> <span className='text-white text-[0.5rem] sm:text-xs font-bold'>
{episodes} {episodes}
</span> </span>
@@ -237,7 +237,7 @@ export default function VideoCard({
{/* 当前播放集数 */} {/* 当前播放集数 */}
{currentEpisode && episodes && episodes > 1 && ( {currentEpisode && episodes && episodes > 1 && (
<div className='absolute top-2 left-2 w-4 h-4 sm:w-6 sm:h-6 bg-blue-500 rounded-full flex items-center justify-center'> <div className='absolute top-2 left-2 w-4 h-4 sm:w-7 sm:h-7 bg-blue-500 rounded-full flex items-center justify-center'>
<span className='text-white text-[0.5rem] sm:text-xs font-bold'> <span className='text-white text-[0.5rem] sm:text-xs font-bold'>
{currentEpisode} {currentEpisode}
</span> </span>