简化Agent按钮为线框高亮样式
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-02-15 00:28:24 +08:00
parent 72550e5452
commit 894b21aca5

View File

@ -2582,21 +2582,15 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
type="button"
variant="ghost"
className={cn(
"relative h-8 cursor-pointer rounded-full px-3 text-sm font-medium overflow-visible",
"relative h-8 cursor-pointer rounded-full px-3 text-sm font-medium",
activeComposerMode === "video"
? "border border-blue-500 bg-blue-50 text-blue-600 hover:bg-blue-100"
: activeComposerMode === "image"
? "border border-purple-500 bg-purple-50 text-purple-700 hover:bg-purple-100"
: "border border-zinc-300 bg-zinc-50 text-zinc-700 hover:bg-zinc-100"
: "border border-[#9eb3ff] bg-white text-zinc-700 hover:bg-zinc-50"
)}
>
{activeComposerMode === "agent" ? (
<>
<span className="pointer-events-none absolute -inset-[1px] rounded-full border border-indigo-300/70 shadow-[0_0_14px_rgba(99,102,241,0.22),0_0_12px_rgba(59,130,246,0.18)] animate-pulse" />
<span className="pointer-events-none absolute -inset-[2px] rounded-full bg-gradient-to-r from-blue-300/10 via-violet-300/16 to-blue-300/10 blur-[2px] animate-pulse" />
</>
) : null}
<span className="relative z-10 flex items-center">
<span className="flex items-center">
{activeComposerMode === "video" ? (
<Video className="mr-1 h-4 w-4" />
) : activeComposerMode === "image" ? (