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

Make the content width a bit smaller

Browse Source
This commit is contained in:
Tat Dat Duong
2025-03-07 15:32:03 +01:00
parent 13240c7c26
commit 553412e863
5 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -276,7 +276,7 @@ export function Thread() {
!chatStarted && "flex flex-col items-stretch mt-[25vh]",
chatStarted && "grid grid-rows-[1fr_auto]",
)}
contentClassName="pt-8 pb-16 px-4 max-w-4xl mx-auto flex flex-col gap-4 w-full"
contentClassName="pt-8 pb-16 px-4 max-w-3xl mx-auto flex flex-col gap-4 w-full"
content={
<>
{messages
@@ -315,10 +315,10 @@ export function Thread() {
<ScrollToBottom className="absolute bottom-full left-1/2 -translate-x-1/2 mb-4 animate-in fade-in-0 zoom-in-95" />
<div className="bg-muted rounded-2xl border shadow-xs mx-auto mb-8 w-full max-w-4xl relative z-10">
<div className="bg-muted rounded-2xl border shadow-xs mx-auto mb-8 w-full max-w-3xl relative z-10">
<form
onSubmit={handleSubmit}
className="grid grid-rows-[1fr_auto] gap-2 max-w-4xl mx-auto"
className="grid grid-rows-[1fr_auto] gap-2 max-w-3xl mx-auto"
>
<textarea
value={input}

2
src/providers/Stream.tsx
View File

@@ -89,7 +89,7 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
if (!apiUrl || !assistantId) {
return (
<div className="flex items-center justify-center min-h-screen w-full p-4">
<div className="animate-in fade-in-0 zoom-in-95 flex flex-col border bg-background shadow-lg rounded-lg max-w-2xl">
<div className="animate-in fade-in-0 zoom-in-95 flex flex-col border bg-background shadow-lg rounded-lg max-w-3xl">
<div className="flex flex-col gap-2 mt-14 p-6 border-b">
<div className="flex items-start flex-col gap-2">
<LangGraphLogoSVG className="h-7" />