瀏覽代碼

refac: styling

Timothy Jaeryang Baek 3 月之前
父節點
當前提交
f2ee99d760
共有 1 個文件被更改,包括 3 次插入3 次删除
  1. 3 3
      src/lib/components/chat/Messages/UserMessage.svelte

+ 3 - 3
src/lib/components/chat/Messages/UserMessage.svelte

@@ -148,9 +148,9 @@
 				</Name>
 			</div>
 		{:else if message.timestamp}
-			<div class="flex justify-end pb-1 pr-2">
+			<div class="flex justify-end pr-2 text-xs">
 				<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')}>
 						<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">
 			{#if edit !== true}
 				{#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}
 							<div class={($settings?.chatBubble ?? true) ? 'self-end' : ''}>
 								{#if file.type === 'image'}