Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-20 10:20:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

🔧 style(fix): Convo Title Fade Effect (#2117)

Browse source 
* feat: Improve Google search plugin to assistants

* 🔧 fix(Nav SidePanel): Center buttons when collapsed

* 🔧(fix) Convo title fade effect

* 🔧(fix) Convo title fade effect / remove deletion

* 🔧(fix) Convo title fade effect / remove deletion .env.example

* 🔧(fix) Convo title fade effect

---------

Co-authored-by: Danny Avila <messagedaniel@protonmail.com>
This commit is contained in:
Walber Cardoso 2024-03-19 14:43:24 -03:00 • committed by GitHub
parent d8304ec1bb
commit 1796821888
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
client/src/components/Conversations/Convo.tsx
View file

@ -52,7 +52,7 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
try {
lastSelectedTools = JSON.parse(localStorage.getItem('lastSelectedTools') ?? '') ?? [];
} catch (e) {
// console.error(e);
// console.error(e);
}
navigateToConvo({ ...conversation, tools: lastSelectedTools });
} else {
@ -119,14 +119,13 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
(isLatestConvo && currentConvoId === 'new' && activeConvos[0] && activeConvos[0] !== 'new');
const aProps = {
className: `group relative rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-2 break-all rounded-lg bg-gray-300 dark:bg-gray-800 py-2 px-2 ${
renaming ? 'pr-14' : ''
}`,
className:
'group relative rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-2 break-all rounded-lg bg-gray-300 dark:bg-gray-800 py-2 px-2}',
};
if (!activeConvo) {
aProps.className =
'group relative rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-2 break-all rounded-lg hover:bg-gray-200 dark:hover:bg-gray-800 py-2 px-2';
'group relative grow overflow-hidden whitespace-nowrap rounded-lg active:opacity-50 flex cursor-pointer items-center mt-2 gap-2 break-all rounded-lg hover:bg-gray-200 dark:hover:bg-gray-800 py-2 px-2';
}
return (
@ -153,14 +152,16 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
title
)}
</div>
{activeConvo && (
{activeConvo ? (
<div
className={`absolute bottom-0 right-0 top-0 w-20 rounded-r-lg bg-gradient-to-l ${
!renaming ? 'from-gray-300 from-60% to-transparent dark:from-gray-800' : ''
}`}
></div>
) : (
<div className="from--gray-900 absolute bottom-0 right-0 top-0 w-2 bg-gradient-to-l from-0% to-transparent group-hover:w-1 group-hover:from-60%"></div>
)}
{activeConvo && (
{activeConvo ? (
<div className="visible absolute right-1 z-10 flex from-gray-900 dark:text-gray-200">
<RenameButton renaming={renaming} onRename={onRename} renameHandler={renameHandler} />
<DeleteButton
@ -170,6 +171,8 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
title={title}
/>
</div>
) : (
<div className="absolute bottom-0 right-0 top-0 w-14 rounded-lg bg-gradient-to-l from-gray-50 from-0% to-transparent group-hover:from-gray-200 dark:from-gray-900 dark:group-hover:from-gray-800" />
)}
</a>
);