diff --git a/src/pages/dashboard/components/usage-inner/filter-bar.tsx b/src/pages/dashboard/components/usage-inner/filter-bar.tsx index fb1e9534..c4402150 100644 --- a/src/pages/dashboard/components/usage-inner/filter-bar.tsx +++ b/src/pages/dashboard/components/usage-inner/filter-bar.tsx @@ -117,7 +117,7 @@ const FilterBar: React.FC = (props) => { showSearch mode="multiple" options={userList} - maxTagCount={0} + maxTagCount={'responsive'} placeholder={intl.formatMessage({ id: 'dashboard.usage.selectuser' })} diff --git a/src/pages/gpu-service/instances/forms/index.tsx b/src/pages/gpu-service/instances/forms/index.tsx index bba5ab89..0c09f3b9 100644 --- a/src/pages/gpu-service/instances/forms/index.tsx +++ b/src/pages/gpu-service/instances/forms/index.tsx @@ -589,7 +589,7 @@ const GPUServiceInstanceForm: React.FC = forwardRef( required disabled={disabled} mode="multiple" - maxTagCount={1} + maxTagCount={'responsive'} label={intl.formatMessage({ id: 'gpuservice.instance.ssh.assignKey' })} diff --git a/src/pages/gpu-service/instances/index.tsx b/src/pages/gpu-service/instances/index.tsx index 3f59f3c4..8f7331c0 100644 --- a/src/pages/gpu-service/instances/index.tsx +++ b/src/pages/gpu-service/instances/index.tsx @@ -35,9 +35,6 @@ const GPUService: React.FC = () => { const setClusterSession = useSetAtom(clusterSessionAtom); const [, modalContextHolder] = Modal.useModal(); - // Empty-state CTA: send the user to the cluster-create flow with - // Kubernetes preselected so the GPU Service feature is reachable - // in one step instead of having to pick the provider themselves. const handleAddK8sCluster = () => { setClusterSession({ firstAddWorker: false, diff --git a/src/pages/usage/components/filter-bar.tsx b/src/pages/usage/components/filter-bar.tsx index c909fef9..fe2ebf35 100644 --- a/src/pages/usage/components/filter-bar.tsx +++ b/src/pages/usage/components/filter-bar.tsx @@ -246,6 +246,7 @@ const FilterBar: React.FC = (props) => { allowClear showSearch mode="multiple" + maxTagCount={'responsive'} options={routeOptions} placeholder={intl.formatMessage({ id: 'usage.filter.model' })} styles={{ @@ -261,6 +262,7 @@ const FilterBar: React.FC = (props) => { allowClear showSearch mode="multiple" + maxTagCount={'responsive'} options={userOptions} placeholder={intl.formatMessage({ id: 'usage.filter.user' })} styles={{ @@ -317,8 +319,8 @@ const FilterBar: React.FC = (props) => { allowClear showSearch mode="multiple" + maxTagCount={'responsive'} options={apiKeyOptions?.[0]?.children || []} - maxTagCount={0} placeholder={intl.formatMessage({ id: 'usage.filter.apikey' })} styles={{ wrapper: { flex: 1, maxWidth: 240, minWidth: 100 }