xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

修复chatbox标题被遮挡问题

Browse Source
This commit is contained in:
北枳 2025-09-28 20:14:52 +08:00
parent 0420836109
commit dffe7460da
4 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/SmartChatBox/SmartChatBox.tsx
View File

@ -169,7 +169,10 @@ export default function SmartChatBox({
}, [messages]); }, [messages]);
return ( return (
<div className={`${isMobile ? 'z-[49] relative' : 'h-full'} w-full text-gray-100 flex flex-col`} data-alt="smart-chat-box"> <div className={`${isMobile ? '' : 'h-full'} w-full text-gray-100 flex flex-col backdrop-blur-lg bg-black/30 border border-white/20 shadow-xl relative`} data-alt="smart-chat-box"
style={{
maxHeight: isMobile ? 'calc(100vh - 5.5rem)' : '',
}}>
{/* Header */} {/* Header */}
<div className={`px-4 py-3 border-b border-white/10 flex items-center justify-between ${isMobile ? 'sticky top-0 bg-[#141414] z-[1]' : ''}`} data-alt="chat-header"> <div className={`px-4 py-3 border-b border-white/10 flex items-center justify-between ${isMobile ? 'sticky top-0 bg-[#141414] z-[1]' : ''}`} data-alt="chat-header">
<div className="font-semibold flex items-center gap-2"> <div className="font-semibold flex items-center gap-2">

2
components/layout/dashboard-layout.tsx
View File

@ -66,7 +66,7 @@ export function DashboardLayout({ children }: DashboardLayoutProps) {
)} )}
{isDesktop && <Sidebar collapsed={sidebarCollapsed} onToggle={setSidebarCollapsed} />} {isDesktop && <Sidebar collapsed={sidebarCollapsed} onToggle={setSidebarCollapsed} />}
<div <div
className={`fixed right-0 bottom-0 px-4 ${getMobileContainerClasses()}`} className={`fixed right-0 bottom-0 px-4 z-[60] ${getMobileContainerClasses()}`}
style={{ style={{
...getLayoutStyles(), ...getLayoutStyles(),
top: (isMobile || isTablet) ? '3.5rem' : '4rem', top: (isMobile || isTablet) ? '3.5rem' : '4rem',

7
components/pages/work-flow.tsx
View File

@ -668,9 +668,8 @@ Please process this video editing request.`;
getContainer={false} getContainer={false}
autoFocus={false} autoFocus={false}
mask={false} mask={false}
zIndex={60}
rootClassName="outline-none" rootClassName="outline-none"
className="backdrop-blur-lg bg-black/30 border border-white/20 shadow-xl max-h-[90vh]" className="bg-transparent max-h-[100vh]"
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
...(isMobile ...(isMobile
@ -682,8 +681,8 @@ Please process this video editing request.`;
body: { body: {
backgroundColor: 'transparent', backgroundColor: 'transparent',
padding: 0, padding: 0,
maxHeight: '100vh', maxHeight: isMobile ? 'calc(100vh - 5.5rem)' : 'calc(100vh - 4rem)',
overflow: 'auto', overflow: 'hidden',
} }
}} }}
onClose={() => setIsSmartChatBoxOpen(false)} onClose={() => setIsSmartChatBoxOpen(false)}

4
components/ui/script-modal.tsx
View File

@ -130,7 +130,7 @@ export function ScriptModal({ isOpen, onClose, currentStage = 0, roles, currentL
<> <>
{/* 背景遮罩 */} {/* 背景遮罩 */}
<motion.div <motion.div
className="fixed inset-0 bg-black/20 backdrop-blur-sm z-50" className="fixed inset-0 bg-black/20 backdrop-blur-sm z-[9998]"
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
exit={{ opacity: 0 }} exit={{ opacity: 0 }}
@ -140,7 +140,7 @@ export function ScriptModal({ isOpen, onClose, currentStage = 0, roles, currentL
{/* 弹窗内容 */} {/* 弹窗内容 */}
<motion.div <motion.div
className="fixed inset-0 z-[61] flex items-center justify-center" className="fixed inset-0 z-[9999] flex items-center justify-center"
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
exit={{ opacity: 0 }} exit={{ opacity: 0 }}