highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-06-28 00:40:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

clean up cursor pointers (#3385)

Browse Source 
* update

* nit
This commit is contained in:
pablonyx 2024-12-11 13:36:43 -08:00 committed by GitHub
parent 5e7d454ebe
commit b40a12d5d7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/admin/ClientLayout.tsx
View File

@ -405,7 +405,7 @@ export function ClientLayout({
/> />
</div> </div>
<div className="pb-8 relative h-full overflow-y-auto w-full"> <div className="pb-8 relative h-full overflow-y-auto w-full">
<div className="fixed left-0 gap-x-4 px-4 top-2 h-8 px-2 w-full items-center flex justify-end"> <div className="fixed left-0 gap-x-4 px-2 top-2 h-8 px-0 mb-auto w-full items-start flex justify-end">
<UserDropdown /> <UserDropdown />
</div> </div>
<div className="pt-20 flex overflow-y-auto overflow-x-hidden h-full px-4 md:px-12"> <div className="pt-20 flex overflow-y-auto overflow-x-hidden h-full px-4 md:px-12">

22
web/src/components/chat_search/Header.tsx
View File

@ -75,7 +75,7 @@ export default function FunctionalHeader({
}; };
return ( return (
<div className="left-0 sticky top-0 z-20 w-full relative flex"> <div className="left-0 sticky top-0 z-20 w-full relative flex">
<div className="items-end flex cursor-pointer text-text-700 relative flex w-full"> <div className="items-end flex mt-2 cursor-pointer text-text-700 relative flex w-full">
<LogoType <LogoType
assistantId={currentChatSession?.persona_id} assistantId={currentChatSession?.persona_id}
page={page} page={page}
@ -110,13 +110,13 @@ export default function FunctionalHeader({
/> />
</div> </div>
<div className="absolute right-0 top-2 h-8 items-end flex gap-x-2"> <div className="absolute right-0 top-0 flex gap-x-2">
{setSharingModalVisible && ( {setSharingModalVisible && (
<div <div
onClick={() => setSharingModalVisible(true)} onClick={() => setSharingModalVisible(true)}
className="mobile:hidden p-1 my-auto rounded cursor-pointer hover:bg-hover-light" className="mobile:hidden my-auto rounded cursor-pointer hover:bg-hover-light"
> >
<FiShare2 size="16" /> <FiShare2 size="18" />
</div> </div>
)} )}
<div className="mobile:hidden flex my-auto"> <div className="mobile:hidden flex my-auto">
@ -139,20 +139,6 @@ export default function FunctionalHeader({
<NewChatIcon size={20} /> <NewChatIcon size={20} />
</div> </div>
</Link> </Link>
<div
style={{ transition: "width 0.30s ease-out" }}
className={`
hidden
md:flex
mx-auto
overflow-y-hidden
transition-all
duration-300
ease-in-out
h-full
${documentSidebarToggled ? "w-[400px]" : "w-[0px]"}
`}
/>
</div> </div>
<div <div
style={{ transition: "width 0.30s ease-out" }} style={{ transition: "width 0.30s ease-out" }}

13
web/src/components/header/LogoType.tsx
View File

@ -44,7 +44,7 @@ export default function LogoType({
<div <div
className={`${ className={`${
hideOnMobile && "mobile:hidden" hideOnMobile && "mobile:hidden"
} z-[100] mt-2 h-8 mb-auto shrink-0 flex items-center text-xl`} } z-[100] mt-2 h-8 mb-auto shrink-0 flex items-center text-xl`}
> >
{toggleSidebar && page == "chat" ? ( {toggleSidebar && page == "chat" ? (
<button <button
@ -62,7 +62,7 @@ export default function LogoType({
</div> </div>
)} )}
<div <div
className={`cursor-pointer ${ className={`${
showArrow ? "desktop:invisible" : "invisible" showArrow ? "desktop:invisible" : "invisible"
} break-words inline-block w-fit ml-2 text-text-700 text-xl`} } break-words inline-block w-fit ml-2 text-text-700 text-xl`}
> >
@ -87,7 +87,7 @@ export default function LogoType({
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<Link <Link
className="my-auto pt-1 mobile:hidden" className="mb-auto mobile:hidden"
href={ href={
`/${page}` + `/${page}` +
(NEXT_PUBLIC_NEW_CHAT_DIRECTS_TO_SAME_PERSONA && assistantId (NEXT_PUBLIC_NEW_CHAT_DIRECTS_TO_SAME_PERSONA && assistantId
@ -103,9 +103,10 @@ export default function LogoType({
} }
}} }}
> >
<div className="cursor-pointer ml-2 my-auto text-text-700 hover:text-text-600 transition-colors duration-300"> <NewChatIcon
<NewChatIcon size={20} /> className="ml-2 flex-none text-text-700 hover:text-text-600 transition-colors duration-300"
</div> size={20}
/>
</Link> </Link>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent>New Chat</TooltipContent> <TooltipContent>New Chat</TooltipContent>