From 6d0cb9dc333a1810cfd1ec7fd5aa027b1ca73852 Mon Sep 17 00:00:00 2001
From: zhu-an <70234959+xhdd123321@users.noreply.github.com>
Date: Tue, 21 Jan 2025 17:50:42 +0800
Subject: [PATCH] fix: variable panel scrollable (#12769)

Co-authored-by: zhaoqingyu.1075 <zhaoqingyu.1075@bytedance.com>
---
 web/app/components/app/log/var-panel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/app/log/var-panel.tsx b/web/app/components/app/log/var-panel.tsx
index 3ae4bfb5c6..eef1a1a4c0 100644
--- a/web/app/components/app/log/var-panel.tsx
+++ b/web/app/components/app/log/var-panel.tsx
@@ -39,7 +39,7 @@ const VarPanel: FC<Props> = ({
         }
       </div>
       {!isCollapse && (
-        <div className='p-3 flex flex-col gap-2'>
+        <div className='p-3 flex flex-col gap-2 max-h-[500px] overflow-y-auto'>
           {varList.map(({ label, value }, index) => (
             <div key={index} className='flex py-2 system-xs-medium'>
               <div className='shrink-0 w-[128px] flex text-text-accent'>