feat: refactor layout structure in PipelineSettings component for improved responsiveness

web/app/components/datasets/documents/detail/settings/pipeline-settings/index.tsx

@@ -147,7 +147,8 @@ const PipelineSettings = ({
     <div
       className='relative flex h-[calc(100vh-56px)] min-w-[1024px] overflow-x-auto rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle'
     >
-      <div className='flex h-full flex-1 flex-col px-14'>
+      <div className='h-full min-w-0 flex-1'>
+        <div className='flex h-full flex-col px-14'>
           <LeftHeader title={t('datasetPipeline.documentSettings.title')} />
           <div className='grow overflow-y-auto'>
             <ProcessDocuments
@@ -160,8 +161,10 @@ const PipelineSettings = ({
             />
           </div>
         </div>
+      </div>
       {/* Preview */}
-      <div className='flex h-full flex-1 pl-2 pt-2'>
+      <div className='h-full min-w-0 flex-1'>
+        <div className='flex h-full flex-col pl-2 pt-2'>
           <ChunkPreview
             dataSourceType={lastRunData!.datasource_type}
             files={files}
@@ -177,6 +180,7 @@ const PipelineSettings = ({
           />
         </div>
       </div>
+    </div>
   )
 }