refac: styling
This commit is contained in:
@@ -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'}
|
||||||
|
|||||||
Reference in New Issue
Block a user