refac: channel name styling

This commit is contained in:
Timothy Jaeryang Baek 2025-12-16 13:44:15 -05:00
parent cad4c61a25
commit 7bd43f00b1

View file

@ -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} />