wanwu/deer-flow
1
0
Fork 0
mirror of https://gitee.com/wanwujie/deer-flow synced 2026-04-19 12:24:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: adjust layout

Browse Source
This commit is contained in:
Henry Li
2026-01-16 20:06:30 +08:00
parent 03f0e3f0c7
commit c265734c6e
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/workspace/message-list/message-list-item.tsx
View File

@@ -15,9 +15,10 @@ import {
import { useRehypeSplitWordsIntoSpans } from "@/core/rehype"; import { useRehypeSplitWordsIntoSpans } from "@/core/rehype";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { MessageGroup } from "./message-group";
import { CopyButton } from "../copy-button"; import { CopyButton } from "../copy-button";
import { MessageGroup } from "./message-group";
export function MessageListItem({ export function MessageListItem({
className, className,
message, message,
@@ -31,11 +32,11 @@ export function MessageListItem({
}) { }) {
return ( return (
<AIElementMessage <AIElementMessage
className={cn("relative", "group/conversation-message", className)} className={cn("group/conversation-message relative w-full", className)}
from={message.type === "human" ? "user" : "assistant"} from={message.type === "human" ? "user" : "assistant"}
> >
<MessageContent <MessageContent
className={className} className={message.type === "human" ? "w-fit" : "w-full"}
message={message} message={message}
messagesInGroup={messagesInGroup} messagesInGroup={messagesInGroup}
isLoading={isLoading} isLoading={isLoading}

2
frontend/src/components/workspace/message-list/message-list.tsx
View File

@@ -28,7 +28,7 @@ export function MessageList({
<Conversation <Conversation
className={cn("flex size-full flex-col justify-center pt-2", className)} className={cn("flex size-full flex-col justify-center pt-2", className)}
> >
<ConversationContent className="mx-auto w-full max-w-(--container-width-md)"> <ConversationContent className="mx-auto w-full max-w-(--container-width-md) gap-12">
{groupMessages( {groupMessages(
thread.messages, thread.messages,
(groupedMessages) => { (groupedMessages) => {