From f75a3ef21286386dc6ef2b961d520f8bea1c076d Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Thu, 31 Jul 2025 20:24:18 +0800
Subject: [PATCH] feat: Enhance InputFieldDialog and PreviewPanel with improved
 styling for better layout

---
 web/app/components/rag-pipeline/components/input-field/index.tsx | 1 +
 .../rag-pipeline/components/input-field/preview/index.tsx        | 1 +
 2 files changed, 2 insertions(+)

diff --git a/web/app/components/rag-pipeline/components/input-field/index.tsx b/web/app/components/rag-pipeline/components/input-field/index.tsx
index 1aa1625c6d..811a72ff10 100644
--- a/web/app/components/rag-pipeline/components/input-field/index.tsx
+++ b/web/app/components/rag-pipeline/components/input-field/index.tsx
@@ -110,6 +110,7 @@ const InputFieldDialog = ({
         show={!!showInputFieldDialog}
         onClose={closePanel}
         outerWrapperClassName='overflow-y-auto'
+        panelWrapperClassName='justify-start'
         className='grow rounded-l-2xl border-y-[0.5px] border-l-[0.5px]'
       >
         <div className='flex shrink-0 items-center p-4 pb-0'>
diff --git a/web/app/components/rag-pipeline/components/input-field/preview/index.tsx b/web/app/components/rag-pipeline/components/input-field/preview/index.tsx
index 6693444356..9d757ae707 100644
--- a/web/app/components/rag-pipeline/components/input-field/preview/index.tsx
+++ b/web/app/components/rag-pipeline/components/input-field/preview/index.tsx
@@ -24,6 +24,7 @@ const PreviewPanel = ({
     <DialogWrapper
       show={show}
       onClose={onClose}
+      outerWrapperClassName='overflow-y-auto'
       panelWrapperClassName='pr-[424px] justify-start'
       className='w-[480px] grow rounded-2xl border-[0.5px] bg-components-panel-bg'
     >