fix(style): cluster detail

src/pages/resources/components/gpus.tsx

@@ -17,9 +17,10 @@ import useGPUColumns from '../hooks/use-gpu-columns';
 // inside.
 interface GPUListProps {
   clusterId?: number;
+  source?: 'clusterDetail';
 }
 
-const GPUList: React.FC<GPUListProps> = ({ clusterId }) => {
+const GPUList: React.FC<GPUListProps> = ({ clusterId, source }) => {
   const {
     dataSource,
     queryParams,
@@ -109,7 +110,12 @@ const GPUList: React.FC<GPUListProps> = ({ clusterId }) => {
           handleInputChange={handleNameChange}
           handleSelectChange={handleClusterChange}
           selectOptions={clusterList}
-          showSelect={!clusterId}
+          showSelect={source !== 'clusterDetail'}
+          widths={
+            source !== 'clusterDetail'
+              ? { select: 230, input: 230 }
+              : { input: 300 }
+          }
         ></FilterBar>
         <ConfigProvider renderEmpty={renderEmpty}>
           <Table

src/pages/resources/components/workers.tsx

@@ -32,9 +32,10 @@ import WorkerRightActions from './worker-right-actions';
 // inside.
 interface WorkersProps {
   clusterId?: number;
+  source?: 'clusterDetail';
 }
 
-const Workers: React.FC<WorkersProps> = ({ clusterId }) => {
+const Workers: React.FC<WorkersProps> = ({ clusterId, source }) => {
   const {
     dataSource,
     rowSelection,
@@ -248,6 +249,7 @@ const Workers: React.FC<WorkersProps> = ({ clusterId }) => {
     loadend: dataSource.loadend,
     firstLoad: extraStatus.firstLoad,
     sortOrder,
+    source,
     handleSelect
   });
 
@@ -260,7 +262,7 @@ const Workers: React.FC<WorkersProps> = ({ clusterId }) => {
     <>
       <PageBox>
         <FilterBar
-          showSelect={!clusterId}
+          showSelect={source !== 'clusterDetail'}
           selectHolder={intl.formatMessage({ id: 'clusters.filterBy.cluster' })}
           marginBottom={22}
           marginTop={30}
@@ -272,13 +274,22 @@ const Workers: React.FC<WorkersProps> = ({ clusterId }) => {
           handleInputChange={handleNameChange}
           rowSelection={rowSelection}
           selectOptions={clusterData.list}
+          widths={
+            source !== 'clusterDetail'
+              ? { select: 230, input: 230 }
+              : { input: 300 }
+          }
           right={
-            <WorkerRightActions
-              handleDeleteByBatch={handleDeleteBatch}
-              handleClickPrimary={handleOnAddWorker}
-              rowSelection={rowSelection}
-              MonitorButton={ActionButton()}
-            ></WorkerRightActions>
+            source === 'clusterDetail' ? (
+              <></>
+            ) : (
+              <WorkerRightActions
+                handleDeleteByBatch={handleDeleteBatch}
+                handleClickPrimary={handleOnAddWorker}
+                rowSelection={rowSelection}
+                MonitorButton={ActionButton()}
+              ></WorkerRightActions>
+            )
           }
         ></FilterBar>
         <ConfigProvider renderEmpty={renderEmpty}>
@@ -296,7 +307,7 @@ const Workers: React.FC<WorkersProps> = ({ clusterId }) => {
             rowKey="id"
             scroll={{ x: 900 }}
             onChange={handleTableChange}
-            rowSelection={rowSelection}
+            rowSelection={source === 'clusterDetail' ? undefined : rowSelection}
             pagination={{
               size: 'middle',
               showSizeChanger: true,