fix(style): api access info modal with

src/pages/llmodels/components/api-access-info.tsx

@@ -80,7 +80,7 @@ const ApiAccessInfo = ({ open, data, onClose }: ApiAccessInfoProps) => {
         top: '20%'
       }}
       title={intl.formatMessage({ id: 'models.table.button.apiAccessInfo' })}
-      width={510}
+      width={550}
       destroyOnClose
       closable={true}
       maskClosable={false}
@@ -121,7 +121,7 @@ const ApiAccessInfo = ({ open, data, onClose }: ApiAccessInfoProps) => {
           {intl.formatMessage({ id: 'models.table.apiAccessInfo.endpoint' })}
         </span>
         <span className="value">
-          <AutoTooltip ghost maxWidth={200}>
+          <AutoTooltip ghost maxWidth={180}>
             {endPoint}
           </AutoTooltip>
           <APITAG color="geekblue">

src/pages/llmodels/components/incompatiable-info.tsx

@@ -1,4 +1,4 @@
-import OverlayScroller from '@/components/overlay-scroller';
+import { TooltipOverlayScroller } from '@/components/overlay-scroller';
 import { LoadingOutlined, WarningOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Tag, Tooltip } from 'antd';
@@ -73,26 +73,24 @@ const IncompatiableInfo: React.FC<IncompatiableInfoProps> = (props) => {
     return null;
   }
   return (
-    <Tooltip
-      overlayInnerStyle={{ paddingInline: 0 }}
+    <TooltipOverlayScroller
+      maxHeight={200}
       title={
-        <OverlayScroller maxHeight={200}>
-          <IncompatibleInfo>
-            <SMTitle $isTitle={true}>
-              {intl.formatMessage({ id: 'models.form.incompatible' })}
-            </SMTitle>
-            {
-              <ul>
-                {data?.compatibility_messages.map((item, index) => (
-                  <li key={index}>{item}</li>
-                ))}
-                {data?.scheduling_messages.map((item, index) => (
-                  <li key={index}>{item}</li>
-                ))}
-              </ul>
-            }
-          </IncompatibleInfo>
-        </OverlayScroller>
+        <IncompatibleInfo>
+          <SMTitle $isTitle={true}>
+            {intl.formatMessage({ id: 'models.form.incompatible' })}
+          </SMTitle>
+          {
+            <ul>
+              {data?.compatibility_messages.map((item, index) => (
+                <li key={index}>{item}</li>
+              ))}
+              {data?.scheduling_messages.map((item, index) => (
+                <li key={index}>{item}</li>
+              ))}
+            </ul>
+          }
+        </IncompatibleInfo>
       }
     >
       <CompatibleTag
@@ -100,7 +98,7 @@ const IncompatiableInfo: React.FC<IncompatiableInfoProps> = (props) => {
         color="warning"
         bordered={false}
       ></CompatibleTag>
-    </Tooltip>
+    </TooltipOverlayScroller>
   );
 };