refac: channel name styling
This commit is contained in:
@@ -136,11 +136,11 @@
|
|||||||
class=" text-left self-center overflow-hidden w-full line-clamp-1 flex-1 pr-1 flex items-center gap-2.5"
|
class=" text-left self-center overflow-hidden w-full line-clamp-1 flex-1 pr-1 flex items-center gap-2.5"
|
||||||
>
|
>
|
||||||
{#if channel?.name}
|
{#if channel?.name}
|
||||||
<span>
|
<span class="line-clamp-1">
|
||||||
{channel.name}
|
{channel.name}
|
||||||
</span>
|
</span>
|
||||||
{:else}
|
{:else}
|
||||||
<span class="shrink-0">
|
<span class="shrink-0 line-clamp-1">
|
||||||
{channel?.users
|
{channel?.users
|
||||||
?.filter((u) => u.id !== $user?.id)
|
?.filter((u) => u.id !== $user?.id)
|
||||||
.map((u) => u.name)
|
.map((u) => u.name)
|
||||||
@@ -151,7 +151,7 @@
|
|||||||
{@const dmUser = channel.users.find((u) => u.id !== $user?.id)}
|
{@const dmUser = channel.users.find((u) => u.id !== $user?.id)}
|
||||||
|
|
||||||
{#if dmUser?.status_emoji || dmUser?.status_message}
|
{#if dmUser?.status_emoji || dmUser?.status_message}
|
||||||
<span class="flex gap-1.5">
|
<span class="flex gap-1.5 line-clamp-1">
|
||||||
{#if dmUser?.status_emoji}
|
{#if dmUser?.status_emoji}
|
||||||
<div class=" self-center shrink-0">
|
<div class=" self-center shrink-0">
|
||||||
<Emoji className="size-3.5" shortCode={dmUser?.status_emoji} />
|
<Emoji className="size-3.5" shortCode={dmUser?.status_emoji} />
|
||||||
|
|||||||
Reference in New Issue
Block a user