manohar/tia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix AI page header layout

Browse source 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Manohar Gupta 2026-05-11 09:21:19 +05:30
parent 75909615b4
commit 67bb077687
1 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/app/ai/page.tsx
View file

@ -168,22 +168,14 @@ export default function AIChatPage() {
</div> </div>
)} )}
{/* Header - same pattern as other pages */} {/* Sidebar - sessions list on left */}
<div className="p-4 flex items-center justify-between">
<div className="flex items-center gap-4">
<a href="/menu" className="p-2 dark:text-white">←</a>
<h1 className="text-xl font-bold dark:text-white">AI Chat</h1>
</div>
<button onClick={() => setSidebarOpen(!sidebarOpen)} className="p-2 bg-white dark:bg-gray-800 rounded-lg dark:text-white">
☰
</button>
</div>
{/* Sidebar */}
<div className={`${sidebarOpen ? "w-64" : "w-0"} overflow-hidden transition-all`}> <div className={`${sidebarOpen ? "w-64" : "w-0"} overflow-hidden transition-all`}>
<div className="w-64 p-4 border-r bg-white dark:bg-gray-800 h-full overflow-y-auto"> <div className="w-64 p-4 border-r bg-white dark:bg-gray-800 h-full overflow-y-auto">
<div className="flex justify-between items-center mb-4"> <div className="flex justify-between items-center mb-4">
<div className="flex items-center gap-2">
<a href="/menu" className="text-rose-500 dark:text-rose-400">←</a>
<h1 className="font-bold dark:text-white">Chats</h1> <h1 className="font-bold dark:text-white">Chats</h1>
</div>
<button onClick={createNewSession} className="text-rose-400">+</button> <button onClick={createNewSession} className="text-rose-400">+</button>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
@ -222,8 +214,12 @@ export default function AIChatPage() {
{/* Main chat */} {/* Main chat */}
<div className="flex-1 flex flex-col"> <div className="flex-1 flex flex-col">
<div className="p-4 flex items-center border-b bg-white dark:bg-gray-800"> <div className="p-4 flex items-center justify-between border-b bg-white dark:bg-gray-800">
<span className="ml-2 font-medium dark:text-white">{currentSession?.title || "AI Chat"}</span> <div className="flex items-center gap-2">
<button onClick={() => setSidebarOpen(!sidebarOpen)} className="text-rose-500 dark:text-rose-400">☰</button>
<span className="font-medium dark:text-white">{currentSession?.title || "AI Chat"}</span>
</div>
<a href="/menu" className="text-rose-500 dark:text-rose-400">←</a>
</div> </div>
<div className="flex-1 overflow-y-auto p-4 space-y-4"> <div className="flex-1 overflow-y-auto p-4 space-y-4">