style: adjust some styles

src/pages/backends/forms/basic.tsx

@@ -2,7 +2,6 @@ import ListInput from '@/components/list-input';
 import SealInput from '@/components/seal-form/seal-input';
 import SealTextArea from '@/components/seal-form/seal-textarea';
 import { PageAction } from '@/config';
-import { GPUSTACK_API_BASE_URL } from '@/config/settings';
 import { PageActionType } from '@/config/types';
 import useAppUtils from '@/hooks/use-app-utils';
 import { useIntl } from '@umijs/max';
@@ -46,7 +45,7 @@ const BasicForm: React.FC<AddModalProps> = ({ action, currentData }) => {
           >
             <SealInput.Input
               trim
-              placeholder={`/${GPUSTACK_API_BASE_URL}/models`}
+              placeholder={`/v1/models`}
               label={intl.formatMessage({ id: 'backend.form.healthCheckPath' })}
             ></SealInput.Input>
           </Form.Item>

src/pages/backends/forms/version-info.tsx

@@ -163,6 +163,22 @@ const VersionList: React.FC<{ versionConfigs: VersionListItem[] }> = ({
     }
   };
 
+  const optionRender = (option: any) => {
+    const { data } = option;
+    return (
+      <span>
+        {option.label}
+        {data.tips ? (
+          data.locale ? (
+            <span className="text-tertiary m-l-4">{` [${intl.formatMessage({ id: data.tips })}]`}</span>
+          ) : (
+            <span className="text-tertiary m-l-4">{` [${data.tips}]`}</span>
+          )
+        ) : null}
+      </span>
+    );
+  };
+
   return (
     <div>
       <FilterBox>
@@ -171,6 +187,7 @@ const VersionList: React.FC<{ versionConfigs: VersionListItem[] }> = ({
           placeholder={intl.formatMessage({ id: 'backend.filter.framework' })}
           options={frameworks}
           style={{ width: '100%' }}
+          optionRender={optionRender}
           onChange={handleChange}
         />
       </FilterBox>