opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix style

This commit is contained in:
hjlarry 2025-09-23 14:41:34 +08:00
parent 0f3f8bc0d9
commit 47aba1c9f9
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/components/workflow/comment/comment-input.tsx
View File

@ -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}

18
web/app/components/workflow/panel/comments-panel/index.tsx
View File

@ -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>
)