feat: adjust layout

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

View File

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

View File

@@ -28,7 +28,7 @@ export function MessageList({
<Conversation
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(
thread.messages,
(groupedMessages) => {