gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more polish

Browse source
This commit is contained in:
estevez.sebastian@gmail.com 2025-07-17 15:18:17 -04:00
parent 11ae8cf530
commit 00db2f3e0a
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/app/chat/page.tsx
View file

@ -92,7 +92,7 @@ export default function ChatPage() {
<p className="text-muted-foreground mt-2">Ask questions about your documents and get AI-powered answers</p>
</div>
<Card className="h-[600px] flex flex-col">
<Card className="h-[600px] flex flex-col max-w-full overflow-hidden">
<CardHeader className="flex-shrink-0">
<div className="flex items-center justify-between">
<div className="flex items-center gap-2">
@ -145,8 +145,8 @@ export default function ChatPage() {
</div>
<span className="font-medium text-foreground">User</span>
</div>
<div className="pl-10">
<p className="text-foreground whitespace-pre-wrap break-words">{message.content}</p>
<div className="pl-10 max-w-full">
<p className="text-foreground whitespace-pre-wrap break-words overflow-wrap-anywhere">{message.content}</p>
</div>
</div>
)}
@ -160,8 +160,8 @@ export default function ChatPage() {
<span className="font-medium text-foreground">AI</span>
<span className="text-sm text-muted-foreground">gpt-4.1</span>
</div>
<div className="pl-10">
<div className="rounded-lg bg-card border border-border/40 p-4">
<div className="pl-10 max-w-full">
<div className="rounded-lg bg-card border border-border/40 p-4 max-w-full overflow-hidden">
<div className="flex items-center gap-2 mb-2">
<div className="w-2 h-2 bg-green-400 rounded-full"></div>
<span className="text-sm text-green-400 font-medium">Finished</span>
@ -169,7 +169,7 @@ export default function ChatPage() {
{message.timestamp.toLocaleTimeString()}
</span>
</div>
<p className="text-foreground whitespace-pre-wrap break-words">{message.content}</p>
<p className="text-foreground whitespace-pre-wrap break-words overflow-wrap-anywhere">{message.content}</p>
</div>
</div>
</div>
@ -185,8 +185,8 @@ export default function ChatPage() {
<span className="font-medium text-foreground">AI</span>
<span className="text-sm text-muted-foreground">gpt-4.1</span>
</div>
<div className="pl-10">
<div className="rounded-lg bg-card border border-border/40 p-4">
<div className="pl-10 max-w-full">
<div className="rounded-lg bg-card border border-border/40 p-4 max-w-full overflow-hidden">
<div className="flex items-center gap-2 mb-2">
<Loader2 className="w-4 h-4 animate-spin text-white" />
<span className="text-sm text-white font-medium">Thinking...</span>
@ -201,13 +201,13 @@ export default function ChatPage() {
</div>
{/* Input Area */}
<form onSubmit={handleSubmit} className="flex gap-2 flex-shrink-0">
<form onSubmit={handleSubmit} className="flex gap-2 flex-shrink-0 w-full">
<Input
value={input}
onChange={(e) => setInput(e.target.value)}
placeholder="Ask a question about your documents..."
disabled={loading}
className="flex-1"
className="flex-1 min-w-0"
/>
<Button type="submit" disabled={!input.trim() || loading}>
{loading ? (

4
frontend/src/app/layout.tsx
View file

@ -55,8 +55,8 @@ export default function RootLayout({
<Navigation />
</div>
<main className="md:pl-72">
<div className="flex flex-col min-h-screen">
<div className="flex-1">
<div className="flex flex-col h-[calc(100vh-3.6rem)]">
<div className="flex-1 overflow-y-auto">
<div className="container py-6 lg:py-8">
{children}
</div>

2
frontend/src/app/page.tsx
View file

@ -74,7 +74,7 @@ export default function SearchPage() {
</div>
{/* Search Interface */}
<Card className="max-w-4xl w-full mx-auto bg-card/50 backdrop-blur-sm border-border/50">
<Card className="w-full bg-card/50 backdrop-blur-sm border-border/50">
<CardHeader>
<CardTitle className="flex items-center gap-2">
<Search className="h-5 w-5" />