style(MessageHeader.jsx): add hover opacity to the background color of the message header

This commit is contained in:
Danny Avila 2023-04-05 10:03:52 -04:00
parent b730d631af
commit 55e949578f

View file

@ -49,7 +49,7 @@ const MessageHeader = ({ isSearchView = false }) => {
return (
<>
<div
className="dark:text-gray-450 w-full cursor-pointer gap-1 border-b border-black/10 bg-gray-50 text-sm text-gray-500 transition-all hover:bg-gray-100 dark:border-gray-900/50 dark:bg-gray-700 dark:hover:bg-gray-600"
className="dark:text-gray-450 w-full cursor-pointer gap-1 border-b border-black/10 bg-gray-50 text-sm text-gray-500 transition-all hover:bg-gray-100 hover:bg-opacity-30 dark:border-gray-900/50 dark:bg-gray-700 dark:hover:bg-gray-600 dark:hover:bg-opacity-100"
onClick={() => setSaveAsDialogShow(true)}
>
<div className="d-block flex w-full items-center justify-center p-3">{getConversationTitle()}</div>