From f1073329054b19bee25357b27329f7b060d2a802 Mon Sep 17 00:00:00 2001
From: keting lu <luketing1999@gmail.com>
Date: Fri, 7 Mar 2025 17:48:21 +0800
Subject: [PATCH] chore: apo tools scroll

---
 web/app/components/tools/provider/detail.tsx                  | 2 +-
 .../workflow/apo/tool-preview/apo-tools-preview.tsx           | 4 ++--
 web/app/components/workflow/block-selector/apoTools.tsx       | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/app/components/tools/provider/detail.tsx b/web/app/components/tools/provider/detail.tsx
index 2143ca0b39..a997fc28d6 100644
--- a/web/app/components/tools/provider/detail.tsx
+++ b/web/app/components/tools/provider/detail.tsx
@@ -235,7 +235,7 @@ const ProviderDetail = ({
       positionCenter={false}
       panelClassname={cn('justify-start mt-[64px] mr-2 mb-2 !w-[420px] !max-w-[420px] !p-0 !bg-components-panel-bg rounded-2xl border-[0.5px] border-components-panel-border shadow-xl')}
     >
-      <div className='p-4'>
+      <div className='p-4 overflow-auto'>
         <div className='mb-3 flex'>
           <Icon src={collection.icon} />
           <div className="ml-3 w-0 grow">
diff --git a/web/app/components/workflow/apo/tool-preview/apo-tools-preview.tsx b/web/app/components/workflow/apo/tool-preview/apo-tools-preview.tsx
index cf3b328c01..a4506cb02d 100644
--- a/web/app/components/workflow/apo/tool-preview/apo-tools-preview.tsx
+++ b/web/app/components/workflow/apo/tool-preview/apo-tools-preview.tsx
@@ -91,9 +91,9 @@ const ApoToolsPreview = ({ onSelect, apoToolType, hidePopover }: ApoToolsPreview
     }
   }, [apoToolType, searchText])
   return (
-    <div className="flex max-h-[70vh] overflow-hidden">
+    <div className="flex max-h-[70vh] overflow-hidden ">
       {/* left */}
-      <div className="w-[300px] h-full flex flex-col shrink-0">
+      <div className="w-[300px] h-full flex flex-col shrink-0 max-h-[70vh]">
         <div className="mb-3">
           <Input
             value={searchText}
diff --git a/web/app/components/workflow/block-selector/apoTools.tsx b/web/app/components/workflow/block-selector/apoTools.tsx
index 5f5c7748e3..1ab1c37152 100644
--- a/web/app/components/workflow/block-selector/apoTools.tsx
+++ b/web/app/components/workflow/block-selector/apoTools.tsx
@@ -60,6 +60,7 @@ const APOTools = ({ searchText, onSelect }: APOToolsProps) => {
               className="flex items-center px-3 w-full h-8 rounded-lg hover:bg-state-base-hover cursor-pointer"
             >
               <BlockIcon
+                size="md"
                 className="mr-2 shrink-0"
                 type={BlockEnum.Tool}
                 toolIcon={node.icon}