fix: Optimize UI of agent list when its columns are overflow (#49)
Co-authored-by: yaojiping <yaojiping@infini.ltd>
This commit is contained in:
parent
f9baad07e3
commit
1475ded1ec
|
@ -34,5 +34,5 @@
|
||||||
}
|
}
|
||||||
.fixed-top {
|
.fixed-top {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1000;
|
z-index: 10;
|
||||||
}
|
}
|
|
@ -131,7 +131,6 @@ export const AgentRowDetail = ({ agentID, t }) => {
|
||||||
{
|
{
|
||||||
title: "PID",
|
title: "PID",
|
||||||
dataIndex: "node_info.process.id",
|
dataIndex: "node_info.process.id",
|
||||||
width: 150,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Port",
|
title: "Port",
|
||||||
|
@ -139,12 +138,10 @@ export const AgentRowDetail = ({ agentID, t }) => {
|
||||||
render: (text, record) => {
|
render: (text, record) => {
|
||||||
return text?.split(":")?.[1];
|
return text?.split(":")?.[1];
|
||||||
},
|
},
|
||||||
width: 150,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Cluster",
|
title: "Cluster",
|
||||||
dataIndex: "cluster_info.cluster_name",
|
dataIndex: "cluster_info.cluster_name",
|
||||||
width: 180,
|
|
||||||
render: (text, record) => {
|
render: (text, record) => {
|
||||||
return <>
|
return <>
|
||||||
<div style={{
|
<div style={{
|
||||||
|
|
|
@ -20,14 +20,10 @@ export default (props) => {
|
||||||
{
|
{
|
||||||
title: "PID",
|
title: "PID",
|
||||||
dataIndex: "pid",
|
dataIndex: "pid",
|
||||||
ellipsis: true,
|
|
||||||
width: 150,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Name",
|
title: "Name",
|
||||||
dataIndex: "name",
|
dataIndex: "name",
|
||||||
ellipsis: true,
|
|
||||||
width: 150,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Cmdline",
|
title: "Cmdline",
|
||||||
|
@ -57,7 +53,6 @@ export default (props) => {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
ellipsis: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Listen addresses",
|
title: "Listen addresses",
|
||||||
|
@ -75,8 +70,6 @@ export default (props) => {
|
||||||
})}
|
})}
|
||||||
</>
|
</>
|
||||||
),
|
),
|
||||||
ellipsis: true,
|
|
||||||
width: 300,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: formatMessage({ id: "table.field.actions" }),
|
title: formatMessage({ id: "table.field.actions" }),
|
||||||
|
@ -93,7 +86,6 @@ export default (props) => {
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
),
|
),
|
||||||
ellipsis: true,
|
|
||||||
width: 100,
|
width: 100,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
|
@ -109,7 +109,7 @@ export default (props) => {
|
||||||
if (type === 'node') {
|
if (type === 'node') {
|
||||||
title = formatMessage({ id: "form.button.clean.unavailable.nodes.desc" })
|
title = formatMessage({ id: "form.button.clean.unavailable.nodes.desc" })
|
||||||
} else if (type === 'index') {
|
} else if (type === 'index') {
|
||||||
title = formatMessage({ id: "form.button.clean.unavailable.indices.desc" })
|
title = formatMessage({ id: "form.button.clean.deleted.indices.desc" })
|
||||||
}
|
}
|
||||||
Modal.confirm({
|
Modal.confirm({
|
||||||
title,
|
title,
|
||||||
|
|
Loading…
Reference in New Issue