Browse Source

refac: styling

Timothy Jaeryang Baek 4 months ago
parent
commit
66b8166397
1 changed files with 6 additions and 2 deletions
  1. 6 2
      src/lib/components/chat/Messages/ResponseMessage.svelte

+ 6 - 2
src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -489,11 +489,15 @@
 
 		<div class="flex-auto w-0 pl-1">
 			<Name>
-				{model?.name ?? message.model}
+				<Tooltip content={model?.name ?? message.model} placement="top-start">
+					<span class="line-clamp-1">
+						{model?.name ?? message.model}
+					</span>
+				</Tooltip>
 
 				{#if message.timestamp}
 					<span
-						class=" self-center invisible group-hover:visible text-gray-400 text-xs font-medium uppercase ml-0.5 -mt-0.5"
+						class=" self-center shrink-0 translate-y-0.5 invisible group-hover:visible text-gray-400 text-xs font-medium uppercase ml-0.5 -mt-0.5"
 					>
 						{dayjs(message.timestamp * 1000).format($i18n.t('h:mm a'))}
 					</span>