Add lables on hover for voice room controls

2026-03-09 11:28:12 -04:00
parent 697c116956
commit 63d9adef19
1 changed files with 8 additions and 2 deletions
@@ -40,11 +40,17 @@
    </div>
    <div class="flex items-center gap-1">
      <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}>
        <Icon icon={$currentVoiceSession.muted ? MicrophoneOff : Microphone} size={4} />
      </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} />
      </Button>
    </div>