style: overflow layer padding

src/components/auto-tooltip/title-tip.tsx

@@ -23,9 +23,9 @@ const TitleTip: React.FC<TitleTipProps> = (props) => {
     <div style={{ maxHeight: 200, overflowY: 'auto' }} ref={scrollRef}>
       <div
         style={{
-          width: 'max-content',
+          width: 'fit-content',
-          maxWidth: 300,
+          maxWidth: 'var(--width-tooltip-max)',
-          paddingInline: 10
+          paddingInline: 8
         }}
       >
         {isOverflowing || showTitle ? title || children : ''}

src/components/overlay-scroller/index.tsx

@@ -54,18 +54,11 @@ export const TooltipOverlayScroller: React.FC<
   return (
     <Tooltip
       overlayInnerStyle={{
-        width: 'max-content',
+        paddingInline: 0
-        maxWidth: 300,
-        paddingInlineEnd: 0
       }}
       title={
         title && (
-          <OverlayScroller
+          <OverlayScroller maxHeight={maxHeight}>{title}</OverlayScroller>
-            style={{ paddingInlineStart: 0 }}
-            maxHeight={maxHeight}
-          >
-            {title}
-          </OverlayScroller>
         )
       }
       {...rest}

src/components/seal-form/components/label-info.tsx

@@ -12,42 +12,39 @@ interface NoteInfoProps {
 const NoteInfo: React.FC<NoteInfoProps> = (props) => {
   const { required, description, label, labelExtra } = props || {};
   if (!label) return null;
-  return (
+  const renderRequiredStar = required ? (
-    <span className="label-text">
+    <span className="star" style={{ color: 'red' }}>
-      {description ? (
-        <Tooltip
-          title={description}
-          overlayInnerStyle={{
-            maxWidth: 'var(--width-tooltip-max)',
-            width: 'max-content'
-          }}
-        >
-          <span>{label}</span>
-          <span className="note-info">
-            {required && (
-              <span style={{ color: 'red' }} className="star">
       *
     </span>
-            )}
+  ) : null;
+
+  const renderQuestionIcon = description ? (
     <span
-              style={{ marginLeft: required ? 5 : 0, color: 'gray' }}
       className="desc desc-icon"
+      style={{ marginLeft: required ? 5 : 0, color: 'gray' }}
     >
       <QuestionCircleOutlined />
     </span>
-          </span>
+  ) : null;
-        </Tooltip>
+
-      ) : (
+  const labelContent = (
     <>
       <span>{label}</span>
-          {required && (
+      {(required || description) && (
         <span className="note-info">
-              <span style={{ color: 'red' }} className="star">
+          {renderRequiredStar}
-                *
+          {renderQuestionIcon}
-              </span>
         </span>
       )}
     </>
+  );
+
+  return (
+    <span className="label-text">
+      {description ? (
+        <Tooltip title={description}>{labelContent}</Tooltip>
+      ) : (
+        labelContent
       )}
       {labelExtra}
     </span>

src/components/tooltip-list/index.tsx

@@ -1,7 +1,6 @@
 import { useIntl } from '@umijs/max';
 import React from 'react';
 import styled from 'styled-components';
-import OverlayScroller from '../overlay-scroller';
 
 const UL = styled.ul`
   list-style: none;
@@ -31,7 +30,6 @@ const TooltipList: React.FC<TooltipListProps> = (props) => {
   const intl = useIntl();
   const { list } = props;
   return (
-    <OverlayScroller style={{ padding: 0 }}>
     <UL>
       {list.map((item, index: number) => {
         return (
@@ -49,7 +47,6 @@ const TooltipList: React.FC<TooltipListProps> = (props) => {
         );
       })}
     </UL>
-    </OverlayScroller>
   );
 };
 

src/global.less

@@ -827,10 +827,13 @@ body {
   }
 }
 
-.ant-tooltip-content {
+.ant-tooltip {
+  max-width: var(--width-tooltip-max);
+
+  .ant-tooltip-content {
     .ant-tooltip-inner {
       width: fit-content;
-    max-width: 300px;
+      max-width: var(--width-tooltip-max);
 
       .text-tertiary {
         color: var(--color-white-secondary);
@@ -840,6 +843,7 @@ body {
         color: var(--ant-color-link-hover);
       }
     }
+  }
 }
 
 .light-downloading-tooltip {

src/pages/llmodels/components/deploy-builtin-modal.tsx

@@ -556,11 +556,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
                   showOkBtn={!showExtraButton}
                   extra={
                     showExtraButton && (
-                      <Button
+                      <Button type="primary" onClick={handleSubmitAnyway}>
-                        type="primary"
-                        onClick={handleSubmitAnyway}
-                        style={{ width: '130px' }}
-                      >
                         {intl.formatMessage({
                           id: 'models.form.submit.anyway'
                         })}

src/pages/llmodels/components/deploy-modal.tsx

@@ -345,11 +345,7 @@ const AddModal: FC<AddModalProps> = (props) => {
                     showOkBtn={!showExtraButton}
                     extra={
                       showExtraButton && (
-                        <Button
+                        <Button type="primary" onClick={handleSubmitAnyway}>
-                          type="primary"
-                          onClick={handleSubmitAnyway}
-                          style={{ width: '130px' }}
-                        >
                           {intl.formatMessage({
                             id: 'models.form.submit.anyway'
                           })}

src/pages/llmodels/components/update-modal.tsx

@@ -462,11 +462,7 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
             showOkBtn={!showExtraButton}
             extra={
               showExtraButton && (
-                <Button
+                <Button type="primary" onClick={handleSubmitAnyway}>
-                  type="primary"
-                  onClick={handleSubmitAnyway}
-                  style={{ width: '130px' }}
-                >
                   {intl.formatMessage({
                     id: 'models.form.submit.anyway'
                   })}