From 7d7d343de14d3c13a24e9b99aaa26b069d2866e5 Mon Sep 17 00:00:00 2001
From: Louis <louis@jan.ai>
Date: Fri, 28 Feb 2025 21:23:11 +0700
Subject: [PATCH] fix: first message padding is off

---
 web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx    | 1 +
 web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx b/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx
index a6a2d1510..80d33b22f 100644
--- a/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx
@@ -167,6 +167,7 @@ const ChatBody = memo(
                   key={messages[virtualRow.index]?.id ?? virtualRow.index}
                   data-index={virtualRow.index}
                   ref={virtualizer.measureElement}
+                  className="first:mt-4"
                 >
                   {loadModelError && virtualRow.index === count - 1 ? (
                     <LoadModelError />
diff --git a/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx
index 90ebdd0c7..0fcc17ea8 100644
--- a/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx
@@ -109,10 +109,11 @@ const MessageContainer: React.FC<
       <div className="flex w-full flex-col ">
         <div
           className={twMerge(
-            'absolute right-0 order-1 mt-2 flex cursor-pointer items-center justify-start gap-x-2 transition-all',
+            'absolute right-0 order-1 flex cursor-pointer items-center justify-start gap-x-2 transition-all',
             isUser
               ? 'hidden group-hover:absolute group-hover:right-4 group-hover:top-4 group-hover:flex'
-              : 'relative left-0 order-2 flex w-full justify-between opacity-0 group-hover:opacity-100'
+              : 'relative left-0 order-2 flex w-full justify-between opacity-0 group-hover:opacity-100',
+            props.isCurrentMessage && 'opacity-100'
           )}
         >
           <div>