style: parameter popover maxheight

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;

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
+              <OverlayScroller
-                ref={formRef}
+                maxHeight={500}
-                onValuesChange={OnValuesChange}
+                style={{ paddingInline: '16px' }}
-                paramsConfig={paramsConfig}
+                theme="os-theme-dark"
-                initialValues={initialValues}
+              >
-                showModelSelector={false}
+                <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'