fix: target model text overflow

src/pages/maas-provider/components/provider-models.tsx

@@ -21,8 +21,8 @@ const ProviderModels: React.FC<ProviderModelProps> = ({ dataList }) => {
 
   const intl = useIntl();
 
-  const head12Items = dataList.slice(0, 8);
-  const restItems = dataList.slice(8);
+  const head12Items = dataList.slice(0, 4);
+  const restItems = dataList.slice(4);
 
   const renderModels = (dataList: ProviderModel[]) => {
     return (

src/pages/maas-provider/index.tsx

@@ -161,14 +161,14 @@ const MaasProvider: React.FC = () => {
         <ConfigProvider renderEmpty={renderEmpty}>
           <Table
             rowKey="id"
-            tableLayout="auto"
+            tableLayout="fixed"
             sortDirections={TABLE_SORT_DIRECTIONS}
             showSorterTooltip={false}
             dataSource={dataSource.dataList}
             loading={dataSource.loading}
             rowSelection={rowSelection}
             columns={columns}
-            scroll={{ x: true }}
+            scroll={{ x: 900 }}
             pagination={{
               showSizeChanger: true,
               pageSize: queryParams.perPage,