mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-16 16:30:15 +01:00
Update HoverButtons.tsx
This commit is contained in:
parent
4b30c132df
commit
8ed04e496b
1 changed files with 10 additions and 0 deletions
|
|
@ -48,6 +48,16 @@ export default function HoverButtons({
|
||||||
|
|
||||||
return (
|
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">
|
<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
|
<button
|
||||||
className={cn(
|
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',
|
'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',
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue