fix(web): space collapse header title and infotip (#45468)

This commit is contained in:
yyh authored and GitHub committed 2026-11-03 13:41:04 +00:00
1 parent 312c2c28a3
commit eea40c683b
3 files changed
+4 -14

No files matched your search

-10
View File
@@ -4300,11 +4300,6 @@
"count": 1
}
},
"web/app/components/workflow/nodes/_base/components/collapse/index.tsx": {
"better-tailwindcss/enforce-logical-properties": {
"count": 2
}
},
"web/app/components/workflow/nodes/_base/components/editor/base.tsx": {
"better-tailwindcss/enforce-logical-properties": {
"count": 6
@@ -4342,11 +4337,6 @@
"count": 2
}
},
"web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-panel.tsx": {
"better-tailwindcss/enforce-logical-properties": {
"count": 1
}
},
"web/app/components/workflow/nodes/_base/components/error-handle/error-handle-type-selector.tsx": {
"better-tailwindcss/enforce-logical-properties": {
"count": 2
@@ -27,7 +27,7 @@ type CollapseHeaderProps = {
}
export function CollapseHeader({ children }: CollapseHeaderProps) {
return <div className="group/collapse flex items-center">{children}</div>
return <div className="group/collapse flex items-center gap-0.5">{children}</div>
}
type CollapseActionsProps = {
@@ -35,7 +35,7 @@ type CollapseActionsProps = {
}
export function CollapseActions({ children }: CollapseActionsProps) {
return <div className="ml-auto shrink-0">{children}</div>
return <div className="ms-auto shrink-0">{children}</div>
}
type CollapseTriggerProps = Omit<CollapsibleTriggerProps, 'className'> & {
@@ -46,7 +46,7 @@ export function CollapseTrigger({ className, ...props }: CollapseTriggerProps) {
return (
<CollapsibleTrigger
className={cn(
'group/collapse ml-4 flex h-6 min-h-0 min-w-0 shrink-0 touch-manipulation items-center justify-start gap-0 rounded-md text-start system-sm-medium text-text-secondary select-none hover:not-data-disabled:text-text-secondary data-disabled:cursor-not-allowed data-disabled:text-text-disabled data-panel-open:text-text-secondary',
'group/collapse ms-4 flex h-6 min-h-0 min-w-0 shrink-0 touch-manipulation items-center justify-start gap-0 rounded-md text-start system-sm-medium text-text-secondary select-none hover:not-data-disabled:text-text-secondary data-disabled:cursor-not-allowed data-disabled:text-text-disabled data-panel-open:text-text-secondary',
className,
)}
{...props}
@@ -56,7 +56,7 @@ const ErrorHandle = ({ id, data }: ErrorHandleProps) => {
</InfotipContent>
</Infotip>
<CollapseActions>
<div className="pr-4">
<div className="pe-4">
<ErrorHandleTypeSelector
value={error_strategy || ErrorHandleTypeEnum.none}
onSelected={handleTypeChange}