This commit is contained in:
Timothy Jaeryang Baek
2026-02-25 19:00:40 -06:00
parent 819ea0d9be
commit b1f292965c
2 changed files with 12 additions and 8 deletions
+6 -4
View File
@@ -422,7 +422,7 @@
<div class="flex items-center">{$i18n.t('Move')}</div> <div class="flex items-center">{$i18n.t('Move')}</div>
</DropdownMenu.SubTrigger> </DropdownMenu.SubTrigger>
<DropdownMenu.SubContent <DropdownMenu.SubContent
class="select-none w-full rounded-2xl p-1 z-50 bg-white dark:bg-gray-850 dark:text-white border border-gray-100 dark:border-gray-800 shadow-lg max-h-52 overflow-y-auto scrollbar-hidden" class="select-none w-full max-w-[200px] rounded-2xl p-1 z-50 bg-white dark:bg-gray-850 dark:text-white border border-gray-100 dark:border-gray-800 shadow-lg max-h-52 overflow-y-auto scrollbar-hidden"
transition={flyAndScale} transition={flyAndScale}
sideOffset={8} sideOffset={8}
> >
@@ -430,14 +430,16 @@
{#if folder?.id} {#if folder?.id}
<DropdownMenu.Item <DropdownMenu.Item
draggable="false" draggable="false"
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 overflow-hidden"
on:click={() => { on:click={() => {
moveChatHandler(chat.id, folder.id); moveChatHandler(chat.id, folder.id);
}} }}
> >
<Folder strokeWidth="1.5" /> <div class="shrink-0">
<Folder strokeWidth="1.5" />
</div>
<div class="flex items-center">{folder.name ?? 'Folder'}</div> <div class="truncate">{folder.name ?? 'Folder'}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
{/if} {/if}
{/each} {/each}
@@ -412,21 +412,23 @@
<div class="flex items-center">{$i18n.t('Move')}</div> <div class="flex items-center">{$i18n.t('Move')}</div>
</DropdownMenu.SubTrigger> </DropdownMenu.SubTrigger>
<DropdownMenu.SubContent <DropdownMenu.SubContent
class="select-none w-full rounded-2xl p-1 z-50 bg-white dark:bg-gray-850 dark:text-white border border-gray-100 dark:border-gray-800 shadow-lg max-h-52 overflow-y-auto scrollbar-hidden" class="select-none w-full max-w-[200px] rounded-2xl p-1 z-50 bg-white dark:bg-gray-850 dark:text-white border border-gray-100 dark:border-gray-800 shadow-lg max-h-52 overflow-y-auto scrollbar-hidden"
transition={flyAndScale} transition={flyAndScale}
sideOffset={8} sideOffset={8}
> >
{#each $folders.sort((a, b) => b.updated_at - a.updated_at) as folder} {#each $folders.sort((a, b) => b.updated_at - a.updated_at) as folder}
<DropdownMenu.Item <DropdownMenu.Item
draggable="false" draggable="false"
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 overflow-hidden"
on:click={() => { on:click={() => {
moveChatHandler(chatId, folder.id); moveChatHandler(chatId, folder.id);
}} }}
> >
<Folder /> <div class="shrink-0">
<Folder />
</div>
<div class="flex items-center">{folder?.name ?? 'Folder'}</div> <div class="truncate">{folder?.name ?? 'Folder'}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
{/each} {/each}
</DropdownMenu.SubContent> </DropdownMenu.SubContent>