diff --git a/components/QueueBox/QueueNotification2.tsx b/components/QueueBox/QueueNotification2.tsx index 0dd27f0..e08bcbb 100644 --- a/components/QueueBox/QueueNotification2.tsx +++ b/components/QueueBox/QueueNotification2.tsx @@ -100,66 +100,73 @@ export const showQueueNotification = ( status: string, onCancel: () => void ) => { - notification.open({ - message: null, - description: ( -
- {/* AI导演工作室场景 */} -
- - - -
- - {/* 队列信息 */} -
- 🎬 - {status === 'process' ? `Your work is being produced. Please wait until it is completed before creating a new work.` : `Your work is waiting for production at the ${position} position`} -
- - {/* 预计等待时间 */} -
- {status !== 'process' && `Estimated waiting time: about ${estimatedMinutes} minutes`} -
- - {/* 取消按钮 */} - + const notificationKey = 'queueNotification'; + + // 创建或更新通知内容 + const notificationContent = ( +
+ {/* AI导演工作室场景 */} +
+ + +
- ), + + {/* 队列信息 */} +
+ 🎬 + {status === 'process' ? `Your work is being produced. Please wait until it is completed before creating a new work.` : `Your work is waiting for production at the ${position} position`} +
+ + {/* 预计等待时间 */} +
+ {status !== 'process' && `Estimated waiting time: about ${estimatedMinutes} minutes`} +
+ + {/* 取消按钮 */} + +
+ ); + + // 打开或更新通知 + notification.open({ + key: notificationKey, + message: null, + description: notificationContent, duration: 0, placement: 'topRight', style: { @@ -167,23 +174,7 @@ export const showQueueNotification = ( border: '1px solid rgba(246, 178, 102, 0.2)', }, className: 'director-studio-notification', - closeIcon: ( - - ), + closeIcon: null, }); }; diff --git a/components/pages/create-to-video2.tsx b/components/pages/create-to-video2.tsx index 202301c..990e1a7 100644 --- a/components/pages/create-to-video2.tsx +++ b/components/pages/create-to-video2.tsx @@ -106,9 +106,7 @@ export default function CreateToVideo2() { initial={{ opacity: 0, y: -10 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.4 }} - className="flex items-center gap-2 rounded-full - bg-white/10 border border-white/20 - px-3 py-1 backdrop-blur-md shadow-[0_0_8px_rgba(255,255,255,0.3)]" + className="flex items-center" > {/* 进行中 脉冲小圆点 */} {status === 'pending' && (