From 08d6fcfd526454859d5cf1cf830c5bffaf1b0f5d Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 3 Sep 2025 16:48:41 +0800
Subject: [PATCH] fix: large data markdown ui problems

---
 .../components/workflow/variable-inspect/display-content.tsx | 5 +++--
 .../components/workflow/variable-inspect/value-content.tsx   | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/variable-inspect/display-content.tsx b/web/app/components/workflow/variable-inspect/display-content.tsx
index 06af502b26..f9f23212c0 100644
--- a/web/app/components/workflow/variable-inspect/display-content.tsx
+++ b/web/app/components/workflow/variable-inspect/display-content.tsx
@@ -22,10 +22,11 @@ type DisplayContentProps = {
   readonly: boolean
   handleTextChange?: (value: string) => void
   handleEditorChange?: (value: string) => void
+  className?: string
 }
 
 const DisplayContent = (props: DisplayContentProps) => {
-  const { previewType, varType, schemaType, mdString, jsonString, readonly, handleTextChange, handleEditorChange } = props
+  const { previewType, varType, schemaType, mdString, jsonString, readonly, handleTextChange, handleEditorChange, className } = props
   const [viewMode, setViewMode] = useState<ViewMode>(ViewMode.Code)
   const [isFocused, setIsFocused] = useState(false)
   const { t } = useTranslation()
@@ -50,7 +51,7 @@ const DisplayContent = (props: DisplayContentProps) => {
   }, [previewType, schemaType, jsonString])
 
   return (
-    <div className={cn('flex h-full flex-col rounded-[10px] bg-components-input-bg-normal', isFocused && 'bg-components-input-bg-active outline outline-1 outline-components-input-border-active')}>
+    <div className={cn('flex h-full flex-col rounded-[10px] bg-components-input-bg-normal', isFocused && 'bg-components-input-bg-active outline outline-1 outline-components-input-border-active', className)}>
       <div className='flex shrink-0 items-center justify-end p-1'>
         {previewType === PreviewType.Markdown && (
           <div className='system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary'>
diff --git a/web/app/components/workflow/variable-inspect/value-content.tsx b/web/app/components/workflow/variable-inspect/value-content.tsx
index 4919acfad9..3414164143 100644
--- a/web/app/components/workflow/variable-inspect/value-content.tsx
+++ b/web/app/components/workflow/variable-inspect/value-content.tsx
@@ -198,6 +198,7 @@ const ValueContent = ({
                   mdString={value as any}
                   readonly={textEditorDisabled}
                   handleTextChange={handleTextChange}
+                  className={cn(isTruncated && 'pt-[36px]')}
                 />
               ) : (
                 <Textarea