klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-07 13:23:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Further improve mobile layout with side panel

Browse Source
This commit is contained in:
sabaimran
2024-12-19 22:00:32 -08:00
parent 43331f7730
commit 02c503e966
3 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/interface/web/app/chat/chat.module.css
View File

@@ -66,6 +66,7 @@ div.chatLayout {
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
gap: 1rem; gap: 1rem;
padding-top: 1rem;
} }
div.chatBox { div.chatBox {

4
src/interface/web/app/chat/page.tsx
View File

@@ -386,7 +386,7 @@ export default function Chat() {
return ( return (
<SidebarProvider> <SidebarProvider>
<AppSidebar conversationId={conversationId || ""} /> <AppSidebar conversationId={conversationId || ""} />
<SidebarTrigger /> <SidebarTrigger className="pt-4" />
<div className={`${styles.main} ${styles.chatLayout}`}> <div className={`${styles.main} ${styles.chatLayout}`}>
<title> <title>
{`${defaultTitle}${!!title && title !== defaultTitle ? `: ${title}` : ""}`} {`${defaultTitle}${!!title && title !== defaultTitle ? `: ${title}` : ""}`}
@@ -395,7 +395,7 @@ export default function Chat() {
<div className={styles.chatBoxBody}> <div className={styles.chatBoxBody}>
{conversationId && ( {conversationId && (
<div <div
className={`${styles.chatTitleWrapper} text-nowrap text-ellipsis overflow-hidden max-w-screen-md grid items-top font-bold mx-2 md:mr-8 pt-1 md:pt-6 col-auto h-fit`} className={`${styles.chatTitleWrapper} text-nowrap text-ellipsis overflow-hidden max-w-screen-md grid items-top font-bold mx-2 md:mr-8 col-auto h-fit`}
> >
{title && ( {title && (
<h2 <h2

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

@@ -464,13 +464,6 @@ export default function Home() {
<SidebarTrigger /> <SidebarTrigger />
<div className={`${styles.main} ${styles.chatLayout}`}> <div className={`${styles.main} ${styles.chatLayout}`}>
<title>Khoj AI - Your Second Brain</title> <title>Khoj AI - Your Second Brain</title>
{/* <div className={`${styles.sidePanel}`}>
<SidePanel
conversationId={conversationId}
uploadedFiles={[]}
isMobileWidth={isMobileWidth}
/>
</div> */}
<div className={`${styles.chatBox}`}> <div className={`${styles.chatBox}`}>
<div className={`${styles.chatBoxBody}`}> <div className={`${styles.chatBoxBody}`}>
<ChatBodyData <ChatBodyData