Further improve mobile friendliness

This commit is contained in:
sabaimran
2024-12-19 21:34:04 -08:00
parent 9d5480d886
commit b644bb8628
2 changed files with 23 additions and 9 deletions

View File

@@ -637,9 +637,15 @@ export function ChatSessionActionMenu(props: ChatSessionActionMenuProps) {
)} )}
<DropdownMenu onOpenChange={(open) => setIsOpen(open)} open={isOpen}> <DropdownMenu onOpenChange={(open) => setIsOpen(open)} open={isOpen}>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<SidebarMenuAction> {props.sizing === "lg" || props.sizing === "md" ? (
<DotsThreeVertical className={`${size}`} /> <Button className="p-0 text-sm h-auto" variant={"ghost"}>
</SidebarMenuAction> <DotsThreeVertical className={`${size}`} />
</Button>
) : (
<SidebarMenuAction asChild>
<DotsThreeVertical className={`${size}`} />
</SidebarMenuAction>
)}
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent side="right" align="start"> <DropdownMenuContent side="right" align="start">
<DropdownMenuItem onClick={() => setIsRenaming(true)}> <DropdownMenuItem onClick={() => setIsRenaming(true)}>

View File

@@ -86,12 +86,20 @@ export function AppSidebar(props: AppSidebarProps) {
<SidebarHeader> <SidebarHeader>
<SidebarMenu className="p-0 m-0"> <SidebarMenu className="p-0 m-0">
<SidebarMenuItem className="p-0 m-0"> <SidebarMenuItem className="p-0 m-0">
<SidebarMenuButton asChild> {open ? (
<a className="flex items-center gap-2 no-underline" href="/"> <SidebarMenuButton>
<KhojLogo className="w-14 h-auto" /> <a className="p-0 no-underline" href="/">
<span className="text-lg">Khoj</span> <KhojLogoType className="h-auto w-16" />
</a> </a>
</SidebarMenuButton> </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> </SidebarMenuItem>
</SidebarMenu> </SidebarMenu>
</SidebarHeader> </SidebarHeader>