Further improve mobile layout with side panel

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

View File

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

View File

@@ -386,7 +386,7 @@ export default function Chat() {
return (
<SidebarProvider>
<AppSidebar conversationId={conversationId || ""} />
<SidebarTrigger />
<SidebarTrigger className="pt-4" />
<div className={`${styles.main} ${styles.chatLayout}`}>
<title>
{`${defaultTitle}${!!title && title !== defaultTitle ? `: ${title}` : ""}`}
@@ -395,7 +395,7 @@ export default function Chat() {
<div className={styles.chatBoxBody}>
{conversationId && (
<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 && (
<h2

View File

@@ -464,13 +464,6 @@ export default function Home() {
<SidebarTrigger />
<div className={`${styles.main} ${styles.chatLayout}`}>
<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.chatBoxBody}`}>
<ChatBodyData