Add lables on hover for voice room controls
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user