From 0fa4b77ff8b16140b504b693fae1c887a793d9ff Mon Sep 17 00:00:00 2001
From: zhsama <torvalds@linux.do>
Date: Tue, 14 Oct 2025 15:23:28 +0800
Subject: [PATCH] feat(style): adjust minimum and maximum width for
 block-selector and data source components

---
 web/app/components/workflow/block-selector/blocks.tsx       | 2 +-
 web/app/components/workflow/block-selector/data-sources.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/block-selector/blocks.tsx b/web/app/components/workflow/block-selector/blocks.tsx
index e7a3bb6937..cae1ec32a5 100644
--- a/web/app/components/workflow/block-selector/blocks.tsx
+++ b/web/app/components/workflow/block-selector/blocks.tsx
@@ -134,7 +134,7 @@ const Blocks = ({
   }, [groups, onSelect, t, store])
 
   return (
-    <div className='max-h-[480px] overflow-y-auto p-1'>
+    <div className='max-h-[480px] min-w-[400px] max-w-[500px] overflow-y-auto p-1'>
       {
         isEmpty && (
           <div className='flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary'>{t('workflow.tabs.noResult')}</div>
diff --git a/web/app/components/workflow/block-selector/data-sources.tsx b/web/app/components/workflow/block-selector/data-sources.tsx
index a043aa34b6..f3ef952bfe 100644
--- a/web/app/components/workflow/block-selector/data-sources.tsx
+++ b/web/app/components/workflow/block-selector/data-sources.tsx
@@ -92,7 +92,7 @@ const DataSources = ({
   }, [searchText, enable_marketplace])
 
   return (
-    <div className={cn(className)}>
+    <div className={cn('min-w-[400px] max-w-[500px]', className)}>
       <div
         ref={wrapElemRef}
         className='max-h-[464px] overflow-y-auto'