Add lables on hover for voice room controls

This commit is contained in:
mplorentz
2026-03-09 11:28:12 -04:00
parent 2ef5be4e2f
commit d10cb0ddb8
+8 -2
View File
@@ -40,11 +40,17 @@
</div> </div>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<Button <Button
class="btn btn-sm btn-square {$currentVoiceSession.muted ? 'btn-error' : 'btn-ghost'}" data-tip={$currentVoiceSession.muted ? "Unmute" : "Mute"}
class="center tooltip tooltip-top btn btn-sm btn-square {$currentVoiceSession.muted
? 'btn-error'
: 'btn-ghost'}"
onclick={toggleMute}> onclick={toggleMute}>
<Icon icon={$currentVoiceSession.muted ? MicrophoneOff : Microphone} size={4} /> <Icon icon={$currentVoiceSession.muted ? MicrophoneOff : Microphone} size={4} />
</Button> </Button>
<Button class="btn btn-sm btn-square btn-error" onclick={leaveVoiceRoom}> <Button
data-tip="Leave room"
class="center tooltip tooltip-top btn btn-sm btn-square btn-error"
onclick={leaveVoiceRoom}>
<Icon icon={PhoneRounded} size={4} /> <Icon icon={PhoneRounded} size={4} />
</Button> </Button>
</div> </div>