From 47aba1c9f93bb38ef699c39390370e4703e56bf8 Mon Sep 17 00:00:00 2001
From: hjlarry <hjlarry@163.com>
Date: Tue, 23 Sep 2025 14:41:34 +0800
Subject: [PATCH] fix style

---
 .../workflow/comment/comment-input.tsx         |  8 ++++----
 .../workflow/panel/comments-panel/index.tsx    | 18 ++++++++++++------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/web/app/components/workflow/comment/comment-input.tsx b/web/app/components/workflow/comment/comment-input.tsx
index bd8555ab76..5e51c403bd 100644
--- a/web/app/components/workflow/comment/comment-input.tsx
+++ b/web/app/components/workflow/comment/comment-input.tsx
@@ -46,8 +46,8 @@ export const CommentInput: FC<CommentInputProps> = memo(({ position, onSubmit, o
     >
       <div className="flex items-center gap-3">
         <div className="relative shrink-0">
-          <div className="relative h-10 w-10 overflow-hidden rounded-br-full rounded-tl-full rounded-tr-full bg-primary-500">
-            <div className="absolute inset-1 overflow-hidden rounded-br-full rounded-tl-full rounded-tr-full bg-white">
+          <div className="relative h-8 w-8 overflow-hidden rounded-br-full rounded-tl-full rounded-tr-full bg-primary-500">
+            <div className="absolute inset-[2px] overflow-hidden rounded-br-full rounded-tl-full rounded-tr-full bg-white">
               <div className="flex h-full w-full items-center justify-center">
                 <div className="h-6 w-6 overflow-hidden rounded-full">
                   <Avatar
@@ -63,10 +63,10 @@ export const CommentInput: FC<CommentInputProps> = memo(({ position, onSubmit, o
         </div>
         <div
           className={cn(
-            'relative z-10 flex-1 rounded-xl border border-components-chat-input-border bg-components-panel-bg-blur pb-[9px] shadow-md',
+            'relative z-10 flex-1 rounded-xl border border-components-chat-input-border bg-components-panel-bg-blur pb-[4px] shadow-md',
           )}
         >
-          <div className='relative px-[9px] pt-[9px]'>
+          <div className='relative px-[9px] pt-[4px]'>
             <MentionInput
               value={content}
               onChange={setContent}
diff --git a/web/app/components/workflow/panel/comments-panel/index.tsx b/web/app/components/workflow/panel/comments-panel/index.tsx
index a8a825b072..7cc396d545 100644
--- a/web/app/components/workflow/panel/comments-panel/index.tsx
+++ b/web/app/components/workflow/panel/comments-panel/index.tsx
@@ -63,7 +63,7 @@ const CommentsPanel = () => {
   return (
     <div className={cn('relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg')}>
       <div className='flex items-center justify-between p-4 pb-2'>
-        <div className='system-xl-semibold text-text-primary'>Comments</div>
+        <div className='system-xl-semibold font-semibold leading-6 text-text-primary'>Comments</div>
         <div className='relative flex items-center gap-2'>
           <button
             className='flex h-8 w-8 items-center justify-center rounded-md bg-white hover:bg-state-base-hover'
@@ -130,7 +130,11 @@ const CommentsPanel = () => {
                     ) : (
                       <RiCheckboxCircleLine
                         className='h-4 w-4 cursor-pointer text-text-tertiary hover:text-text-secondary'
-                        onClick={() => handleResolve(c)}
+                        onClick={(e) => {
+                          e.preventDefault()
+                          e.stopPropagation()
+                          handleResolve(c)
+                        }}
                       />
                     )}
                   </div>
@@ -147,11 +151,13 @@ const CommentsPanel = () => {
                 {/* Content */}
                 <div className='system-sm-regular mt-1 line-clamp-3 break-words text-text-secondary'>{c.content}</div>
                 {/* Footer */}
-                <div className='mt-2 flex items-center justify-between'>
-                  <div className='system-2xs-regular text-text-tertiary'>
-                    {c.reply_count} replies
+                {c.reply_count > 0 && (
+                  <div className='mt-2 flex items-center justify-between'>
+                    <div className='system-2xs-regular text-text-tertiary'>
+                      {c.reply_count} replies
+                    </div>
                   </div>
-                </div>
+                )}
               </div>
             </div>
           )