style: selector max tag count
This commit is contained in:
@@ -117,7 +117,7 @@ const FilterBar: React.FC<FilterBarProps> = (props) => {
|
|||||||
showSearch
|
showSearch
|
||||||
mode="multiple"
|
mode="multiple"
|
||||||
options={userList}
|
options={userList}
|
||||||
maxTagCount={0}
|
maxTagCount={'responsive'}
|
||||||
placeholder={intl.formatMessage({
|
placeholder={intl.formatMessage({
|
||||||
id: 'dashboard.usage.selectuser'
|
id: 'dashboard.usage.selectuser'
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -589,7 +589,7 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
|
|||||||
required
|
required
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
mode="multiple"
|
mode="multiple"
|
||||||
maxTagCount={1}
|
maxTagCount={'responsive'}
|
||||||
label={intl.formatMessage({
|
label={intl.formatMessage({
|
||||||
id: 'gpuservice.instance.ssh.assignKey'
|
id: 'gpuservice.instance.ssh.assignKey'
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -35,9 +35,6 @@ const GPUService: React.FC = () => {
|
|||||||
const setClusterSession = useSetAtom(clusterSessionAtom);
|
const setClusterSession = useSetAtom(clusterSessionAtom);
|
||||||
const [, modalContextHolder] = Modal.useModal();
|
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 = () => {
|
const handleAddK8sCluster = () => {
|
||||||
setClusterSession({
|
setClusterSession({
|
||||||
firstAddWorker: false,
|
firstAddWorker: false,
|
||||||
|
|||||||
@@ -246,6 +246,7 @@ const FilterBar: React.FC<FilterBarProps> = (props) => {
|
|||||||
allowClear
|
allowClear
|
||||||
showSearch
|
showSearch
|
||||||
mode="multiple"
|
mode="multiple"
|
||||||
|
maxTagCount={'responsive'}
|
||||||
options={routeOptions}
|
options={routeOptions}
|
||||||
placeholder={intl.formatMessage({ id: 'usage.filter.model' })}
|
placeholder={intl.formatMessage({ id: 'usage.filter.model' })}
|
||||||
styles={{
|
styles={{
|
||||||
@@ -261,6 +262,7 @@ const FilterBar: React.FC<FilterBarProps> = (props) => {
|
|||||||
allowClear
|
allowClear
|
||||||
showSearch
|
showSearch
|
||||||
mode="multiple"
|
mode="multiple"
|
||||||
|
maxTagCount={'responsive'}
|
||||||
options={userOptions}
|
options={userOptions}
|
||||||
placeholder={intl.formatMessage({ id: 'usage.filter.user' })}
|
placeholder={intl.formatMessage({ id: 'usage.filter.user' })}
|
||||||
styles={{
|
styles={{
|
||||||
@@ -317,8 +319,8 @@ const FilterBar: React.FC<FilterBarProps> = (props) => {
|
|||||||
allowClear
|
allowClear
|
||||||
showSearch
|
showSearch
|
||||||
mode="multiple"
|
mode="multiple"
|
||||||
|
maxTagCount={'responsive'}
|
||||||
options={apiKeyOptions?.[0]?.children || []}
|
options={apiKeyOptions?.[0]?.children || []}
|
||||||
maxTagCount={0}
|
|
||||||
placeholder={intl.formatMessage({ id: 'usage.filter.apikey' })}
|
placeholder={intl.formatMessage({ id: 'usage.filter.apikey' })}
|
||||||
styles={{
|
styles={{
|
||||||
wrapper: { flex: 1, maxWidth: 240, minWidth: 100 }
|
wrapper: { flex: 1, maxWidth: 240, minWidth: 100 }
|
||||||
|
|||||||
Reference in New Issue
Block a user