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

This reverts commit 1796821888.
This commit is contained in:
Danny Avila 2024-03-19 13:54:35 -04:00 committed by GitHub
parent 1796821888
commit 86db0a1043
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 11 deletions

View file

@ -359,4 +359,4 @@ HELP_AND_FAQ_URL=https://librechat.ai
# USE_REDIS= # USE_REDIS=
# E2E_USER_EMAIL= # E2E_USER_EMAIL=
# E2E_USER_PASSWORD= # E2E_USER_PASSWORD=

View file

@ -52,7 +52,7 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
try { try {
lastSelectedTools = JSON.parse(localStorage.getItem('lastSelectedTools') ?? '') ?? []; lastSelectedTools = JSON.parse(localStorage.getItem('lastSelectedTools') ?? '') ?? [];
} catch (e) { } catch (e) {
// console.error(e); // console.error(e);
} }
navigateToConvo({ ...conversation, tools: lastSelectedTools }); navigateToConvo({ ...conversation, tools: lastSelectedTools });
} else { } else {
@ -119,13 +119,14 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
(isLatestConvo && currentConvoId === 'new' && activeConvos[0] && activeConvos[0] !== 'new'); (isLatestConvo && currentConvoId === 'new' && activeConvos[0] && activeConvos[0] !== 'new');
const aProps = { const aProps = {
className: 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 ${
'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' : ''
}`,
}; };
if (!activeConvo) { if (!activeConvo) {
aProps.className = aProps.className =
'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'; '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';
} }
return ( return (
@ -152,16 +153,14 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
title title
)} )}
</div> </div>
{activeConvo ? ( {activeConvo && (
<div <div
className={`absolute bottom-0 right-0 top-0 w-20 rounded-r-lg bg-gradient-to-l ${ 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' : '' !renaming ? 'from-gray-300 from-60% to-transparent dark:from-gray-800' : ''
}`} }`}
></div> ></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"> <div className="visible absolute right-1 z-10 flex from-gray-900 dark:text-gray-200">
<RenameButton renaming={renaming} onRename={onRename} renameHandler={renameHandler} /> <RenameButton renaming={renaming} onRename={onRename} renameHandler={renameHandler} />
<DeleteButton <DeleteButton
@ -171,8 +170,6 @@ export default function Conversation({ conversation, retainView, toggleNav, isLa
title={title} title={title}
/> />
</div> </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> </a>
); );