GitHub-Proxy/deer-flow
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow synced 2025-08-20 16:39:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: editing plan style (#261)

Browse Source
This commit is contained in:
JeffJiang 2025-05-29 10:46:05 +08:00 committed by GitHub
parent fcbc7f1118
commit 7e9fbed918
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/app/chat/components/input-box.tsx
View File

@ -81,7 +81,7 @@ export function InputBox({
{feedback && (
<motion.div
ref={feedbackRef}
className="bg-background border-brand absolute top-0 left-0 mt-3 ml-2 flex items-center justify-center gap-1 rounded-2xl border px-2 py-0.5"
className="bg-background border-brand absolute top-0 left-0 mt-2 ml-4 flex items-center justify-center gap-1 rounded-2xl border px-2 py-0.5"
initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0, scale: 0 }}
@ -99,7 +99,7 @@ export function InputBox({
)}
</AnimatePresence>
<MessageInput
className={cn("h-24 px-4 pt-3")}
className={cn("h-24 px-4 pt-5", feedback && "pt-9")}
ref={inputRef}
onEnter={handleSendMessage}
/>
@ -127,7 +127,6 @@ export function InputBox({
backgroundInvestigation && "!border-brand !text-brand",
)}
variant="outline"
size="lg"
onClick={() =>
setEnableBackgroundInvestigation(!backgroundInvestigation)
}

3
web/src/components/deer-flow/message-input.tsx
View File

@ -116,6 +116,7 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
transformCopiedText: false,
}),
Placeholder.configure({
showOnlyCurrent: false,
placeholder: provider
? "What can I do for you? \nYou may refer to RAG resources by using @."
: "What can I do for you?",
@ -169,7 +170,7 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
editorProps={{
attributes: {
class:
"prose prose-base dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full",
"prose prose-base dark:prose-invert inline-editor font-default focus:outline-none max-w-full",
},
}}
onCreate={({ editor }) => {

12
web/src/styles/prosemirror.css
View File

@ -2,8 +2,18 @@
max-width: inherit;
}
.prose .placeholder {
.prose.inline-editor * {
margin: 0;
}
.prose.inline-editor .is-empty {
display: none;
}
.prose.inline-editor .is-empty.placeholder {
display: block;
opacity: 0.65;
font-size: 14px;
}
.ProseMirror {