refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-07-09 01:15:32 +04:00
parent 91628f5392
commit f2ee99d760

View file

@ -148,9 +148,9 @@
</Name> </Name>
</div> </div>
{:else if message.timestamp} {:else if message.timestamp}
<div class="flex justify-end pb-1 pr-2"> <div class="flex justify-end pr-2 text-xs">
<div <div
class="text-xs invisible group-hover:visible text-gray-400 font-medium first-letter:capitalize translate-y-[1px]" class="text-[0.65rem] invisible group-hover:visible text-gray-400 font-medium first-letter:capitalize mb-0.5"
> >
<Tooltip content={dayjs(message.timestamp * 1000).format('LLLL')}> <Tooltip content={dayjs(message.timestamp * 1000).format('LLLL')}>
<span class="line-clamp-1">{formatDate(message.timestamp * 1000)}</span> <span class="line-clamp-1">{formatDate(message.timestamp * 1000)}</span>
@ -162,7 +162,7 @@
<div class="chat-{message.role} w-full min-w-full markdown-prose"> <div class="chat-{message.role} w-full min-w-full markdown-prose">
{#if edit !== true} {#if edit !== true}
{#if message.files} {#if message.files}
<div class="mt-2.5 mb-1 w-full flex flex-col justify-end overflow-x-auto gap-1 flex-wrap"> <div class="mb-1 w-full flex flex-col justify-end overflow-x-auto gap-1 flex-wrap">
{#each message.files as file} {#each message.files as file}
<div class={($settings?.chatBubble ?? true) ? 'self-end' : ''}> <div class={($settings?.chatBubble ?? true) ? 'self-end' : ''}>
{#if file.type === 'image'} {#if file.type === 'image'}