From b644bb8628ea0f27369588a2666dd5a5b3dd4f3a Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Thu, 19 Dec 2024 21:34:04 -0800
Subject: [PATCH] Further improve mobile friendliness

---
 .../allConversations/allConversations.tsx     | 12 ++++++++---
 .../app/components/appSidebar/appSidebar.tsx  | 20 +++++++++++++------
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/interface/web/app/components/allConversations/allConversations.tsx b/src/interface/web/app/components/allConversations/allConversations.tsx
index ba28d5d3..3506d7a2 100644
--- a/src/interface/web/app/components/allConversations/allConversations.tsx
+++ b/src/interface/web/app/components/allConversations/allConversations.tsx
@@ -637,9 +637,15 @@ export function ChatSessionActionMenu(props: ChatSessionActionMenuProps) {
             )}
             <DropdownMenu onOpenChange={(open) => setIsOpen(open)} open={isOpen}>
                 <DropdownMenuTrigger asChild>
-                    <SidebarMenuAction>
-                        <DotsThreeVertical className={`${size}`} />
-                    </SidebarMenuAction>
+                    {props.sizing === "lg" || props.sizing === "md" ? (
+                        <Button className="p-0 text-sm h-auto" variant={"ghost"}>
+                            <DotsThreeVertical className={`${size}`} />
+                        </Button>
+                    ) : (
+                        <SidebarMenuAction asChild>
+                            <DotsThreeVertical className={`${size}`} />
+                        </SidebarMenuAction>
+                    )}
                 </DropdownMenuTrigger>
                 <DropdownMenuContent side="right" align="start">
                     <DropdownMenuItem onClick={() => setIsRenaming(true)}>
diff --git a/src/interface/web/app/components/appSidebar/appSidebar.tsx b/src/interface/web/app/components/appSidebar/appSidebar.tsx
index b66d91b9..3023f28c 100644
--- a/src/interface/web/app/components/appSidebar/appSidebar.tsx
+++ b/src/interface/web/app/components/appSidebar/appSidebar.tsx
@@ -86,12 +86,20 @@ export function AppSidebar(props: AppSidebarProps) {
             <SidebarHeader>
                 <SidebarMenu className="p-0 m-0">
                     <SidebarMenuItem className="p-0 m-0">
-                        <SidebarMenuButton asChild>
-                            <a className="flex items-center gap-2 no-underline" href="/">
-                                <KhojLogo className="w-14 h-auto" />
-                                <span className="text-lg">Khoj</span>
-                            </a>
-                        </SidebarMenuButton>
+                        {open ? (
+                            <SidebarMenuButton>
+                                <a className="p-0 no-underline" href="/">
+                                    <KhojLogoType className="h-auto w-16" />
+                                </a>
+                            </SidebarMenuButton>
+                        ) : (
+                            <SidebarMenuButton asChild>
+                                <a className="flex items-center gap-2 no-underline" href="/">
+                                    <KhojLogo className="w-14 h-auto" />
+                                    <span className="text-lg">Khoj</span>
+                                </a>
+                            </SidebarMenuButton>
+                        )}
                     </SidebarMenuItem>
                 </SidebarMenu>
             </SidebarHeader>