kexsh/agent-chat-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : Resolved a styling issue

Browse Source
This commit is contained in:
neulhan
2025-04-06 00:31:35 +09:00
parent 45c55b0a41
commit 32b150cf92
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/thread/index.tsx
View File

@@ -325,7 +325,7 @@ export function Thread() {
<StickToBottom className="relative flex-1 overflow-hidden"> <StickToBottom className="relative flex-1 overflow-hidden">
<StickyToBottomContent <StickyToBottomContent
className={cn( className={cn(
"absolute inset-0 overflow-y-scroll [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent", "absolute px-4 inset-0 overflow-y-scroll [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent",
!chatStarted && "flex flex-col items-stretch mt-[25vh]", !chatStarted && "flex flex-col items-stretch mt-[25vh]",
chatStarted && "grid grid-rows-[1fr_auto]", chatStarted && "grid grid-rows-[1fr_auto]",
)} )}
@@ -356,7 +356,7 @@ export function Thread() {
</> </>
} }
footer={ footer={
<div className="sticky flex flex-col items-center gap-8 bottom-0 px-4 bg-white"> <div className="sticky flex flex-col items-center gap-8 bottom-0 bg-white">
{!chatStarted && ( {!chatStarted && (
<div className="flex gap-3 items-center"> <div className="flex gap-3 items-center">
<LangGraphLogoSVG className="flex-shrink-0 h-8" /> <LangGraphLogoSVG className="flex-shrink-0 h-8" />

2
src/components/thread/messages/human.tsx
View File

@@ -84,7 +84,7 @@ export function HumanMessage({
onSubmit={handleSubmitEdit} onSubmit={handleSubmitEdit}
/> />
) : ( ) : (
<p className="text-right px-4 py-2 rounded-3xl bg-muted w-fit ml-auto"> <p className="px-4 py-2 rounded-3xl bg-muted w-fit ml-auto whitespace-pre-wrap">
{contentString} {contentString}
</p> </p>
)} )}

4
src/components/thread/messages/tool-calls.tsx
View File

@@ -44,7 +44,7 @@ export function ToolCalls({
</td> </td>
<td className="px-4 py-2 text-sm text-gray-500"> <td className="px-4 py-2 text-sm text-gray-500">
{isComplexValue(value) ? ( {isComplexValue(value) ? (
<code className="bg-gray-50 rounded px-2 py-1 font-mono text-sm"> <code className="bg-gray-50 rounded px-2 py-1 font-mono text-sm break-all">
{JSON.stringify(value, null, 2)} {JSON.stringify(value, null, 2)}
</code> </code>
) : ( ) : (
@@ -148,7 +148,7 @@ export function ToolResult({ message }: { message: ToolMessage }) {
</td> </td>
<td className="px-4 py-2 text-sm text-gray-500"> <td className="px-4 py-2 text-sm text-gray-500">
{isComplexValue(value) ? ( {isComplexValue(value) ? (
<code className="bg-gray-50 rounded px-2 py-1 font-mono text-sm"> <code className="bg-gray-50 rounded px-2 py-1 font-mono text-sm break-all">
{JSON.stringify(value, null, 2)} {JSON.stringify(value, null, 2)}
</code> </code>
) : ( ) : (