OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-23 02:16:52 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Feat: Show user message timestamps on hover in Chat Bubble UI mode

Browse Source
This commit is contained in:
Silentoplayz 2025-06-12 15:13:24 -04:00
parent 371bdd7afa
commit d92d555c03
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/components/chat/Messages/UserMessage.svelte
View File

@ -107,7 +107,11 @@
}} }}
/> />
<div class=" flex w-full user-message" dir={$settings.chatDirection} id="message-{message.id}"> <div
class=" flex w-full user-message group"
dir={$settings.chatDirection}
id="message-{message.id}"
>
{#if !($settings?.chatBubble ?? true)} {#if !($settings?.chatBubble ?? true)}
<div class={`shrink-0 ltr:mr-3 rtl:ml-3`}> <div class={`shrink-0 ltr:mr-3 rtl:ml-3`}>
<ProfileImage <ProfileImage
@ -143,6 +147,16 @@
{/if} {/if}
</Name> </Name>
</div> </div>
{:else if message.timestamp}
<div class="flex justify-end pb-1 pr-2">
<div
class="text-xs invisible group-hover:visible text-gray-400 font-medium first-letter:capitalize translate-y-[1px]"
>
<Tooltip content={dayjs(message.timestamp * 1000).format('LLLL')}>
<span class="line-clamp-1">{formatDate(message.timestamp * 1000)}</span>
</Tooltip>
</div>
</div>
{/if} {/if}
<div class="chat-{message.role} w-full min-w-full markdown-prose"> <div class="chat-{message.role} w-full min-w-full markdown-prose">