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-08-19 21:43:52 +08:00
parent aee30ee881
commit dcc997e9d3
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/ai-suggestion-bar.tsx
View File

@ -101,7 +101,7 @@ export function AISuggestionBar({
height: { type: "spring", stiffness: 300, damping: 30 }, height: { type: "spring", stiffness: 300, damping: 30 },
opacity: { duration: 0.2 } opacity: { duration: 0.2 }
}} }}
className="mb-4 pt-4 px-4 overflow-hidden bg-black/40 rounded-xl backdrop-blur-sm" className="mb-2 pt-4 px-4 overflow-hidden bg-black/40 rounded-xl backdrop-blur-sm"
> >
<motion.div <motion.div
className="flex items-center gap-3 mb-3" className="flex items-center gap-3 mb-3"
@ -180,7 +180,10 @@ export function AISuggestionBar({
toggleCollapse(); toggleCollapse();
} }
}} }}
onBlur={() => setIsFocused(false)} onBlur={() => {
setIsFocused(false);
setShowSuggestions(!showSuggestions)
}}
placeholder={isCollapsed ? "点击展开..." : placeholder} placeholder={isCollapsed ? "点击展开..." : placeholder}
className="w-full resize-none bg-transparent border-none px-4 py-3 text-white placeholder:text-white/40 className="w-full resize-none bg-transparent border-none px-4 py-3 text-white placeholder:text-white/40
focus:outline-none min-h-[52px] max-h-[150px] pr-[100px]" focus:outline-none min-h-[52px] max-h-[150px] pr-[100px]"
@ -189,7 +192,7 @@ export function AISuggestionBar({
/> />
{/* 操作按钮 */} {/* 操作按钮 */}
<div className="absolute right-2 top-1/2 -translate-y-1/2 flex items-center gap-2"> <div className="absolute right-2 bottom-2 flex items-center gap-2">
<motion.button <motion.button
className={` className={`
p-2 rounded-lg transition-colors p-2 rounded-lg transition-colors