chore: add selected border for conversation Tab for dark mode (#120)

This commit is contained in:
CorrectRoadH
2023-06-01 19:40:59 +08:00
committed by GitHub
parent 59e7fea9e7
commit ed4f919d8f

View File

@ -21,7 +21,7 @@ const ConversationTab = (props: ConversationTabProps) => {
return ( return (
<div <div
className={`shrink-0 flex flex-row justify-center items-center cursor-pointer text-sm border pl-4 pr-2 py-1 rounded-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 hover:bg-gray-50 dark:hover:bg-zinc-700 dark:border-zinc-700 ${ className={`shrink-0 flex flex-row justify-center items-center cursor-pointer text-sm border pl-4 pr-2 py-1 rounded-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 hover:bg-gray-50 dark:hover:bg-zinc-700 dark:border-zinc-700 ${
selected && "!border-zinc-700 shadow" selected && "!border-zinc-700 dark:!border-gray-200 shadow"
}`} }`}
onClick={() => onClick(conversation)} onClick={() => onClick(conversation)}
> >