wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update styling in KefuMessageEditor for improved consistency and clarity

Browse Source
This commit is contained in:
mlogclub
2026-04-25 11:35:50 +08:00
parent 9d9c83a72c
commit 87e033c70e
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/components/kefu/message-editor.tsx
+4 -3
View File
@@ -100,7 +100,7 @@ export function KefuMessageEditor({
editorProps: { editorProps: {
attributes: { attributes: {
class: class:
"min-h-12 max-h-40 overflow-y-auto px-1.5 py-1 text-sm leading-6 text-foreground outline-none [&_p]:m-0 [&_p+*]:mt-2 [&_img]:my-2 [&_img]:max-h-64 [&_img]:rounded-lg [&_img]:object-contain", "cs-agent-scrollbar min-h-12 max-h-40 overflow-y-auto px-1.5 py-1 text-sm leading-6 text-foreground outline-none [&_p]:m-0 [&_p+*]:mt-2 [&_img]:my-2 [&_img]:max-h-64 [&_img]:rounded-lg [&_img]:object-contain",
}, },
handleKeyDown: (_view, event) => { handleKeyDown: (_view, event) => {
if (event.key === "Enter" && !event.shiftKey) { if (event.key === "Enter" && !event.shiftKey) {
@@ -233,7 +233,8 @@ export function KefuMessageEditor({
} }
return ( return (
<div className="border-t border-border bg-card px-3 pb-3 pt-2"> // <div className="border-t border-border bg-card px-3 pb-3 pt-2">
<div className="p-3">
<div className="rounded-xl border border-border bg-background p-2 shadow-[0_8px_24px_rgba(15,23,42,0.05)] dark:shadow-none"> <div className="rounded-xl border border-border bg-background p-2 shadow-[0_8px_24px_rgba(15,23,42,0.05)] dark:shadow-none">
<input <input
ref={imageInputRef} ref={imageInputRef}
@@ -295,7 +296,7 @@ export function KefuMessageEditor({
disabled={disabled || isUploading} disabled={disabled || isUploading}
aria-label="发送" aria-label="发送"
title="发送" title="发送"
className="bg-[var(--primary)] text-white shadow-[0_10px_20px_color-mix(in_srgb,var(--primary)_24%,transparent)] hover:bg-[var(--primary)] hover:brightness-105" className="bg-primary text-white shadow-[0_10px_20px_color-mix(in_srgb,var(--primary)_24%,transparent)] hover:bg-primary hover:brightness-105"
> >
<SendHorizonalIcon /> <SendHorizonalIcon />
</Button> </Button>