feat: add tooltips to tautulli avatars (#3601)

This commit is contained in:
Ryan Cohen
2023-08-31 08:35:45 +09:00
committed by GitHub
parent 0c39057ca5
commit c484810f96

View File

@@ -277,11 +277,16 @@ const ManageSlideOver = ({
key={`watch-user-${user.id}`} key={`watch-user-${user.id}`}
> >
<a className="z-0 mb-1 -mr-2 shrink-0 hover:z-50"> <a className="z-0 mb-1 -mr-2 shrink-0 hover:z-50">
<Tooltip
key={`watch-user-${user.id}`}
content={user.displayName}
>
<img <img
src={user.avatar} src={user.avatar}
alt={user.displayName} alt={user.displayName}
className="h-8 w-8 scale-100 transform-gpu rounded-full object-cover ring-1 ring-gray-500 transition duration-300 hover:scale-105" className="h-8 w-8 scale-100 transform-gpu rounded-full object-cover ring-1 ring-gray-500 transition duration-300 hover:scale-105"
/> />
</Tooltip>
</a> </a>
</Link> </Link>
))} ))}
@@ -398,11 +403,16 @@ const ManageSlideOver = ({
key={`watch-user-${user.id}`} key={`watch-user-${user.id}`}
> >
<a className="z-0 mb-1 -mr-2 shrink-0 hover:z-50"> <a className="z-0 mb-1 -mr-2 shrink-0 hover:z-50">
<Tooltip
key={`watch-user-${user.id}`}
content={user.displayName}
>
<img <img
src={user.avatar} src={user.avatar}
alt={user.displayName} alt={user.displayName}
className="h-8 w-8 scale-100 transform-gpu rounded-full object-cover ring-1 ring-gray-500 transition duration-300 hover:scale-105" className="h-8 w-8 scale-100 transform-gpu rounded-full object-cover ring-1 ring-gray-500 transition duration-300 hover:scale-105"
/> />
</Tooltip>
</a> </a>
</Link> </Link>
))} ))}