From 5977e1f76e6d86bfdc66cfc5edbb2c99ea8da564 Mon Sep 17 00:00:00 2001
From: callmeyan <yaclty2@gmail.com>
Date: Fri, 14 Feb 2025 16:28:34 +0800
Subject: [PATCH] fixed

---
 src/components/video/video-list-item.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/video/video-list-item.tsx b/src/components/video/video-list-item.tsx
index 1f09d20..a1130d2 100644
--- a/src/components/video/video-list-item.tsx
+++ b/src/components/video/video-list-item.tsx
@@ -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>