klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-09 21:29:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve structure of chat footer on mobile to put agents above input

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-08-03 11:31:57 +05:30
parent 529ffdb7e3
commit cf8745ef78
1 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/interface/web/app/page.tsx
View File

@@ -242,16 +242,9 @@ function ChatBodyData(props: ChatBodyDataProps) {
</div>
{
props.isMobileWidth &&
<div className={`${styles.inputBox} shadow-md dark:bg-neutral-700 bg-background dark: align-middle items-center justify-center py-3 px-1`}>
<ChatInputArea
isLoggedIn={props.isLoggedIn}
sendMessage={(message) => setMessage(message)}
sendDisabled={processingMessage}
chatOptionsData={props.chatOptionsData}
conversationId={null}
isMobileWidth={props.isMobileWidth}
setUploadedFiles={props.setUploadedFiles} />
<div className="flex gap-2 items-center justify-left pt-4">
<>
<div className={`${styles.inputBox} w-full shadow-md dark:bg-neutral-700 bg-background align-middle items-center justify-center pb-3 px-1`}>
<div className="flex gap-2 items-center justify-left pt-2 pb-4 px-10">
{agentIcons.map((icon, index) => (
<Card
key={`${index}-${agents[index].slug}`}
@@ -269,7 +262,16 @@ function ChatBodyData(props: ChatBodyDataProps) {
<CardTitle className={`text-center ${props.isMobileWidth ? 'text-xs' : 'text-md'} font-normal flex justify-center items-center px-1.5 py-2`}>See All →</CardTitle>
</Card>
</div>
<ChatInputArea
isLoggedIn={props.isLoggedIn}
sendMessage={(message) => setMessage(message)}
sendDisabled={processingMessage}
chatOptionsData={props.chatOptionsData}
conversationId={null}
isMobileWidth={props.isMobileWidth}
setUploadedFiles={props.setUploadedFiles} />
</div>
</>
}
</div>
);