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

2
agent/uis/stockbroker/portfolio-view/index.tsx
View File

@@ -160,7 +160,7 @@ export default function PortfolioView() {
const chartData = selectedHolding ? generateChartData(selectedHolding) : []; const chartData = selectedHolding ? generateChartData(selectedHolding) : [];
return ( return (
<div className="w-full max-w-4xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200"> <div className="w-full max-w-3xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
<div className="bg-gradient-to-r from-indigo-700 to-indigo-500 px-6 py-4"> <div className="bg-gradient-to-r from-indigo-700 to-indigo-500 px-6 py-4">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<h2 className="text-white font-bold text-xl tracking-tight flex items-center"> <h2 className="text-white font-bold text-xl tracking-tight flex items-center">

2
agent/uis/stockbroker/stock-price/index.tsx
View File

@@ -149,7 +149,7 @@ export default function StockPrice(props: {
}; };
return ( return (
<div className="w-full max-w-4xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3"> <div className="w-full max-w-3xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3">
<div className="flex items-center justify-start gap-4 mb-2 text-lg font-medium text-gray-700"> <div className="flex items-center justify-start gap-4 mb-2 text-lg font-medium text-gray-700">
<p>{ticker}</p> <p>{ticker}</p>
<p>${currentPrice}</p> <p>${currentPrice}</p>

2
agent/uis/trip-planner/accommodations-list/index.tsx
View File

@@ -320,7 +320,7 @@ export default function AccommodationsList({
align: "start", align: "start",
loop: true, loop: true,
}} }}
className="w-full sm:max-w-sm md:max-w-2xl lg:max-w-3xl" className="w-full sm:max-w-sm md:max-w-3xl lg:max-w-3xl"
> >
<CarouselContent> <CarouselContent>
{accommodations.map((accommodation) => ( {accommodations.map((accommodation) => (

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

@@ -276,7 +276,7 @@ export function Thread() {
!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]",
)} )}
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={ content={
<> <>
{messages {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" /> <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 <form
onSubmit={handleSubmit} 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 <textarea
value={input} value={input}

2
src/providers/Stream.tsx
View File

@@ -89,7 +89,7 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
if (!apiUrl || !assistantId) { if (!apiUrl || !assistantId) {
return ( return (
<div className="flex items-center justify-center min-h-screen w-full p-4"> <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 flex-col gap-2 mt-14 p-6 border-b">
<div className="flex items-start flex-col gap-2"> <div className="flex items-start flex-col gap-2">
<LangGraphLogoSVG className="h-7" /> <LangGraphLogoSVG className="h-7" />