This commit is contained in:
LittleBoy 2025-02-14 16:28:34 +08:00
parent 3551601709
commit 5977e1f76e

View File

@ -72,7 +72,7 @@ export const VideoListItem = (
<div className="relative"> <div className="relative">
<img className="w-[100px] h-[56px] object-cover" src={video.cover || ImageCover}/> <img className="w-[100px] h-[56px] object-cover" src={video.cover || ImageCover}/>
{generating && {generating &&
<div className={'absolute rounded inset-0 bg-black/40 text-white flex items-center justify-center'}> <div className={'absolute rounded inset-0 bg-black/40 backdrop-blur-[1px] text-white flex items-center justify-center'}>
<div className="text-center"> <div className="text-center">
<IconGenerating className="inline-block text-xl" /> <IconGenerating className="inline-block text-xl" />
<div className="text-xs">{t('video.generating')}</div> <div className="text-xs">{t('video.generating')}</div>
@ -80,7 +80,7 @@ export const VideoListItem = (
</div> </div>
} }
{failed && {failed &&
<div className={'absolute rounded inset-0 bg-black/40 text-white flex items-center justify-center'}> <div className={'absolute rounded inset-0 bg-black/40 backdrop-blur-[1px] text-white flex items-center justify-center'}>
<div className="text-center"> <div className="text-center">
<IconGenerateFailed className="inline-block text-xl" /> <IconGenerateFailed className="inline-block text-xl" />
<div className="text-xs">{t('video.generate_failed')}</div> <div className="text-xs">{t('video.generate_failed')}</div>
@ -88,7 +88,7 @@ export const VideoListItem = (
</div> </div>
} }
{/* && active*/} {/* && active*/}
{!generating && !failed && playing && <div className={'absolute rounded inset-0 bg-black/40 text-white flex items-center justify-center'}> {!generating && !failed && playing && <div className={'absolute rounded inset-0 backdrop-blur-[1px] bg-black/40 text-white flex items-center justify-center'}>
<div className="text-center"> <div className="text-center">
<IconPlaying className="inline-block text-xl" /> <IconPlaying className="inline-block text-xl" />
<div className="text-xs">{t('video.playing')}</div> <div className="text-xs">{t('video.playing')}</div>