move room detail tooltip to the right

This commit is contained in:
nayan9617
2026-04-04 18:36:18 +05:30
committed by hodlbod
parent 3f647eb448
commit 21122a795e
+5 -5
View File
@@ -207,35 +207,35 @@
<div class="flex gap-2 flex-wrap"> <div class="flex gap-2 flex-wrap">
{#if $room?.isRestricted} {#if $room?.isRestricted}
<Button <Button
class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center" class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
data-tip="Only members can send messages."> data-tip="Only members can send messages.">
<Icon size={4} icon={Microphone} /> Restricted <Icon size={4} icon={Microphone} /> Restricted
</Button> </Button>
{/if} {/if}
{#if $room?.isPrivate} {#if $room?.isPrivate}
<Button <Button
class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center" class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
data-tip="Only members can view messages."> data-tip="Only members can view messages.">
<Icon size={4} icon={Lock} /> Private <Icon size={4} icon={Lock} /> Private
</Button> </Button>
{/if} {/if}
{#if $room?.isHidden} {#if $room?.isHidden}
<Button <Button
class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center" class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
data-tip="This room is not visible to non-members."> data-tip="This room is not visible to non-members.">
<Icon size={4} icon={EyeClosed} /> Hidden <Icon size={4} icon={EyeClosed} /> Hidden
</Button> </Button>
{/if} {/if}
{#if $room?.isClosed} {#if $room?.isClosed}
<Button <Button
class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center" class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
data-tip="Requests to join this room will be ignored."> data-tip="Requests to join this room will be ignored.">
<Icon size={4} icon={MinusCircle} /> Closed <Icon size={4} icon={MinusCircle} /> Closed
</Button> </Button>
{/if} {/if}
{#if !$room?.isRestricted && !$room?.isPrivate && !$room?.isHidden && !$room?.isClosed} {#if !$room?.isRestricted && !$room?.isPrivate && !$room?.isHidden && !$room?.isClosed}
<Button <Button
class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center" class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
data-tip="This room has no additional access controls."> data-tip="This room has no additional access controls.">
<Icon size={4} icon={Eye} /> Public <Icon size={4} icon={Eye} /> Public
</Button> </Button>