This commit is contained in:
Timothy Jaeryang Baek 2025-09-17 10:18:26 -05:00
parent 70ab38194f
commit db1730f47b
2 changed files with 12 additions and 14 deletions

View file

@ -46,7 +46,7 @@
<div slot="content"> <div slot="content">
<DropdownMenu.Content <DropdownMenu.Content
class="w-full max-w-[200px] rounded-2xl px-1 py-1 border border-gray-100 dark:border-gray-800 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-lg transition" class="w-full max-w-[200px] rounded-2xl px-1 py-1 border border-gray-100 dark:border-gray-800 z-999 bg-white dark:bg-gray-850 dark:text-white shadow-lg transition"
sideOffset={4} sideOffset={4}
alignOffset={-6} alignOffset={-6}
side="bottom" side="bottom"
@ -63,17 +63,15 @@
<div class="line-clamp-1">{$i18n.t('Upload Files')}</div> <div class="line-clamp-1">{$i18n.t('Upload Files')}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
{#if !$mobile} <DropdownMenu.Item
<DropdownMenu.Item class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl"
class="flex gap-2 items-center px-3 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-xl" on:click={() => {
on:click={() => { screenCaptureHandler();
screenCaptureHandler(); }}
}} >
> <Camera />
<Camera /> <div class=" line-clamp-1">{$i18n.t('Capture')}</div>
<div class=" line-clamp-1">{$i18n.t('Capture')}</div> </DropdownMenu.Item>
</DropdownMenu.Item>
{/if}
</DropdownMenu.Content> </DropdownMenu.Content>
</div> </div>
</Dropdown> </Dropdown>

View file

@ -159,7 +159,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 px-3.5 pt-3"> <div class="sticky top-0 flex items-center justify-between px-3.5 py-3">
<div class=" font-medium text-lg">{$i18n.t('Thread')}</div> <div class=" font-medium text-lg">{$i18n.t('Thread')}</div>
<div> <div>
@ -174,7 +174,7 @@
</div> </div>
</div> </div>
<div class=" max-h-full w-full overflow-y-auto pt-3" bind:this={messagesContainerElement}> <div class=" max-h-full w-full overflow-y-auto" bind:this={messagesContainerElement}>
<Messages <Messages
id={threadId} id={threadId}
{channel} {channel}