Update HoverButtons.tsx

This commit is contained in:
bsu3338 2023-09-03 20:37:59 -05:00 committed by GitHub
parent 4b30c132df
commit 8ed04e496b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -48,6 +48,16 @@ export default function HoverButtons({
return (
<div className="visible mt-2 flex justify-center gap-3 self-end text-gray-400 md:gap-4 lg:absolute lg:right-0 lg:top-0 lg:mt-0 lg:translate-x-full lg:gap-1 lg:self-center lg:pl-2">
<button
className={cn(
'hover-button rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400 md:invisible md:group-hover:visible',
)}
onClick={toggleSpeech}
type="button"
title={isSpeaking ? 'Mute' : 'Speak'}
>
{isSpeaking ? <VolumeMuteIcon /> : <VolumeIcon />}
</button>
<button
className={cn(
'hover-button rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400 md:invisible md:group-hover:visible',