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">
<img className="w-[100px] h-[56px] object-cover" src={video.cover || ImageCover}/>
{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">
<IconGenerating className="inline-block text-xl" />
<div className="text-xs">{t('video.generating')}</div>
@ -80,7 +80,7 @@ export const VideoListItem = (
</div>
}
{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">
<IconGenerateFailed className="inline-block text-xl" />
<div className="text-xs">{t('video.generate_failed')}</div>
@ -88,7 +88,7 @@ export const VideoListItem = (
</div>
}
{/* && 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">
<IconPlaying className="inline-block text-xl" />
<div className="text-xs">{t('video.playing')}</div>