style: deploy modal message cover the content

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

@@ -63,8 +63,6 @@ const FormWrapper = styled.div`
   maxwidth: 100%;
 `;
 
-const AscendNPUQuant_F16 = ['F16', 'FP16'];
-
 const AddModal: React.FC<AddModalProps> = (props) => {
   const {
     title,
@@ -97,7 +95,6 @@ const AddModal: React.FC<AddModalProps> = (props) => {
   const axiosToken = useRef<any>(null);
   const selectSpecRef = useRef<CatalogSpec>({} as CatalogSpec);
   const specListRef = useRef<any[]>([]);
-  const hasF16Ref = useRef<boolean>(false);
 
   const handleSumit = () => {
     form.current?.submit?.();
@@ -361,13 +358,6 @@ const AddModal: React.FC<AddModalProps> = (props) => {
                 paddingTop: 0
               }
             }}
-            paddingBottom={
-              warningStatus.show
-                ? Array.isArray(warningStatus.message)
-                  ? 150
-                  : 125
-                : 50
-            }
             footer={
               <>
                 <CompatibilityAlert

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

@@ -587,7 +587,6 @@ const AddModal: FC<AddModalProps> = (props) => {
 
         <FormWrapper>
           <ColumnWrapper
-            paddingBottom={warningStatus.show ? 170 : 50}
             styles={{
               container: { paddingTop: 0 }
             }}

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

@@ -262,7 +262,6 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
             paddingTop: 0
           }
         }}
-        paddingBottom={warningStatus.show ? 100 : 50}
         footer={
           <>
             <CompatibilityAlert

src/pages/llmodels/download/index.tsx

@@ -216,7 +216,6 @@ const DownloadModel: React.FC<AddModalProps> = (props) => {
         )}
         <FormWrapper>
           <ColumnWrapper
-            paddingBottom={50}
             styles={{
               container: { paddingTop: 0 }
             }}

src/pages/llmodels/forms/custom-backend.tsx

@@ -44,7 +44,7 @@ const CustomBackend: React.FC = () => {
             <SealTextArea
               allowClear
               required
-              scaleSize={true}
+              scaleSize={false}
               alwaysFocus={true}
               autoSize={{ minRows: 2, maxRows: 4 }}
               label={intl.formatMessage({ id: 'backend.runCommand' })}
@@ -53,7 +53,10 @@ const CustomBackend: React.FC = () => {
               })}
               placeholder={intl.formatMessage(
                 { id: 'common.help.eg' },
-                { content: 'vllm serve {{model_path}} --port {{port}}' }
+                {
+                  content:
+                    'vllm serve {{model_path}} --port {{port}} --served-model-name {{model_name}}'
+                }
               )}
             ></SealTextArea>
           </Form.Item>

src/pages/llmodels/forms/index.tsx

@@ -103,12 +103,9 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
     onClusterChange,
     onOk
   } = props;
-  const {
-    getScrollElementScrollableHeight,
-    getScrollElement,
-    osInstance,
-    scrollEventElement
-  } = useWrapperContext();
+  const { getScrollElementScrollableHeight, osInstance, scrollEventElement } =
+    useWrapperContext();
+  console.log('data form render');
   const { backendOptions, getBackendOptions } = useQueryBackends();
   const { getGPUOptionList, gpuOptions, workerLabelOptions } =
     useGenerateGPUOptions();
@@ -171,7 +168,6 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
     setActiveKey,
     segmentOptions,
     segmentedTop: segmentedTop,
-    getScrollElement,
     getScrollElementScrollableHeight: getScrollElementScrollableHeight
   });
 

src/pages/llmodels/hooks/use-field-scroll.ts

@@ -15,8 +15,7 @@ export default function useScrollAfterExpand({
   segmentOptions,
   defaultWait = 300,
   segmentedTop = { top: 0, offsetTop: 96 },
-  getScrollElementScrollableHeight,
-  getScrollElement
+  getScrollElementScrollableHeight
 }: {
   form: any;
   activeKey: string[];
@@ -26,7 +25,6 @@ export default function useScrollAfterExpand({
     scrollHeight: number;
     scrollTop: number;
   };
-  getScrollElement?: () => HTMLElement | null;
   defaultWait?: number;
   segmentedTop: {
     top: number;