refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2024-12-31 02:17:39 -08:00
parent a754a4388a
commit 77da0a6cc1

View File

@ -137,7 +137,7 @@
{#if channel} {#if channel}
<div class="flex flex-col w-full h-full bg-gray-50 dark:bg-gray-850"> <div class="flex flex-col w-full h-full bg-gray-50 dark:bg-gray-850">
<div class="flex items-center justify-between mb-2 px-3.5 py-3"> <div class="flex items-center justify-between px-3.5 py-3">
<div class=" font-medium text-lg">Thread</div> <div class=" font-medium text-lg">Thread</div>
<div> <div>
@ -152,29 +152,33 @@
</div> </div>
</div> </div>
<Messages <div class=" max-h-full w-full overflow-y-auto">
id={threadId} <Messages
{channel} id={threadId}
{messages} {channel}
{top} {messages}
thread={true} {top}
onLoad={async () => { thread={true}
const newMessages = await getChannelThreadMessages( onLoad={async () => {
localStorage.token, const newMessages = await getChannelThreadMessages(
channel.id, localStorage.token,
threadId, channel.id,
messages.length threadId,
); messages.length
);
messages = [...messages, ...newMessages]; messages = [...messages, ...newMessages];
if (newMessages.length < 50) { if (newMessages.length < 50) {
top = true; top = true;
return; return;
} }
}} }}
/> />
<MessageInput id={threadId} {typingUsers} {onChange} onSubmit={submitHandler} /> <div class=" pb-[1rem]">
<MessageInput id={threadId} {typingUsers} {onChange} onSubmit={submitHandler} />
</div>
</div>
</div> </div>
{/if} {/if}