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">
<StickyToBottomContent
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 && "grid grid-rows-[1fr_auto]",
)}
@@ -356,7 +356,7 @@ export function Thread() {
</>
}
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 && (
<div className="flex gap-3 items-center">
<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}
/>
) : (
<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}
</p>
)}

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

@@ -44,7 +44,7 @@ export function ToolCalls({
</td>
<td className="px-4 py-2 text-sm text-gray-500">
{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)}
</code>
) : (
@@ -148,7 +148,7 @@ export function ToolResult({ message }: { message: ToolMessage }) {
</td>
<td className="px-4 py-2 text-sm text-gray-500">
{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)}
</code>
) : (