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 13:19:10 +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 && ( {feedback && (
<motion.div <motion.div
ref={feedbackRef} 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 }} initial={{ opacity: 0, scale: 0 }}
animate={{ opacity: 1, scale: 1 }} animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0, scale: 0 }} exit={{ opacity: 0, scale: 0 }}
@ -99,7 +99,7 @@ export function InputBox({
)} )}
</AnimatePresence> </AnimatePresence>
<MessageInput <MessageInput
className={cn("h-24 px-4 pt-3")} className={cn("h-24 px-4 pt-5", feedback && "pt-9")}
ref={inputRef} ref={inputRef}
onEnter={handleSendMessage} onEnter={handleSendMessage}
/> />
@ -127,7 +127,6 @@ export function InputBox({
backgroundInvestigation && "!border-brand !text-brand", backgroundInvestigation && "!border-brand !text-brand",
)} )}
variant="outline" variant="outline"
size="lg"
onClick={() => onClick={() =>
setEnableBackgroundInvestigation(!backgroundInvestigation) setEnableBackgroundInvestigation(!backgroundInvestigation)
} }

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

@ -116,6 +116,7 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
transformCopiedText: false, transformCopiedText: false,
}), }),
Placeholder.configure({ Placeholder.configure({
showOnlyCurrent: false,
placeholder: provider placeholder: provider
? "What can I do for you? \nYou may refer to RAG resources by using @." ? "What can I do for you? \nYou may refer to RAG resources by using @."
: "What can I do for you?", : "What can I do for you?",
@ -169,7 +170,7 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
editorProps={{ editorProps={{
attributes: { attributes: {
class: 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 }) => { onCreate={({ editor }) => {

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

@ -2,8 +2,18 @@
max-width: inherit; 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; opacity: 0.65;
font-size: 14px;
} }
.ProseMirror { .ProseMirror {