github/OpenHands
1
0
Fork 0
mirror of https://github.com/OpenHands/OpenHands.git synced 2025-12-26 05:48:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix chat bubble width (#464)

Browse Source
This commit is contained in:
Alex Bäuerle 2024-03-31 12:33:26 -07:00 committed by GitHub
parent a00f604995
commit 838ca200a8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/ChatInterface.tsx
View File

@ -1,13 +1,13 @@
import { Card, CardBody } from "@nextui-org/react";
import React, { useEffect, useRef, useState } from "react";
import { useSelector } from "react-redux";
import { Card, CardBody } from "@nextui-org/react";
import assistantAvatar from "../assets/assistant-avatar.png";
import userAvatar from "../assets/user-avatar.png";
import { sendChatMessage } from "../services/chatService";
import { RootState } from "../store";
import CogTooth from "../assets/cog-tooth";
import userAvatar from "../assets/user-avatar.png";
import { useTypingEffect } from "../hooks/useTypingEffect";
import { sendChatMessage } from "../services/chatService";
import { Message } from "../state/chatSlice";
import { RootState } from "../store";
interface ITypingChatProps {
msg: Message;
@ -45,7 +45,7 @@ function MessageList(): JSX.Element {
{messages.map((msg, index) => (
<div key={index} className="flex mb-2.5 pr-5 pl-5">
<div
className={`flex mt-2.5 mb-0 ${msg.sender === "user" && "flex-row-reverse ml-auto"}`}
className={`flex mt-2.5 mb-0 min-w-0 ${msg.sender === "user" && "flex-row-reverse ml-auto"}`}
>
<img
src={msg.sender === "user" ? userAvatar : assistantAvatar}