From ac1bf7c9bf05e2fa170f322e62e0a52483fc52da Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Mon, 21 Apr 2025 20:21:35 +0800
Subject: [PATCH] style: parameter popover maxheight

---
 .../components/incompatiable-info.tsx         |  1 +
 .../components/multiple-chat/model-item.tsx   | 25 ++++++++++++-------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/pages/llmodels/components/incompatiable-info.tsx b/src/pages/llmodels/components/incompatiable-info.tsx
index 06c04bae..e4122241 100644
--- a/src/pages/llmodels/components/incompatiable-info.tsx
+++ b/src/pages/llmodels/components/incompatiable-info.tsx
@@ -34,6 +34,7 @@ const IncompatibleInfo = styled.div`
     }
     li {
       position: relative;
+      line-height: 20px;
     }
     li.normal::before {
       position: absolute;
diff --git a/src/pages/playground/components/multiple-chat/model-item.tsx b/src/pages/playground/components/multiple-chat/model-item.tsx
index 9c47b455..8738c70e 100644
--- a/src/pages/playground/components/multiple-chat/model-item.tsx
+++ b/src/pages/playground/components/multiple-chat/model-item.tsx
@@ -1,5 +1,6 @@
 import AutoTooltip from '@/components/auto-tooltip';
 import IconFont from '@/components/icon-font';
+import OverlayScroller from '@/components/overlay-scroller';
 import {
   ClearOutlined,
   DeleteOutlined,
@@ -278,21 +279,27 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef((props, ref) => {
           </Dropdown>
           <Popover
             placement="bottomRight"
-            overlayInnerStyle={{ width: 384 }}
+            overlayInnerStyle={{ width: 384, paddingInline: 0 }}
             content={
-              <DynamicParams
-                ref={formRef}
-                onValuesChange={OnValuesChange}
-                paramsConfig={paramsConfig}
-                initialValues={initialValues}
-                showModelSelector={false}
-              />
+              <OverlayScroller
+                maxHeight={500}
+                style={{ paddingInline: '16px' }}
+                theme="os-theme-dark"
+              >
+                <DynamicParams
+                  ref={formRef}
+                  onValuesChange={OnValuesChange}
+                  paramsConfig={paramsConfig}
+                  initialValues={initialValues}
+                  showModelSelector={false}
+                />
+              </OverlayScroller>
             }
             trigger={['click']}
             arrow={false}
             fresh={true}
             title={
-              <div>
+              <div style={{ paddingInline: '16px' }}>
                 <Checkbox onChange={handleApplyToAllModels}>
                   {intl.formatMessage({
                     id: 'playground.compare.applytoall'