fix: Optimize UI of agent list when its columns are overflow (#49)

Co-authored-by: yaojiping <yaojiping@infini.ltd>
This commit is contained in:
yaojp123 2024-12-19 21:00:54 +08:00 committed by GitHub
parent f9baad07e3
commit 1475ded1ec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 2 additions and 13 deletions

View File

@ -34,5 +34,5 @@
} }
.fixed-top { .fixed-top {
position: fixed; position: fixed;
z-index: 1000; z-index: 10;
} }

View File

@ -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={{

View File

@ -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,
}, },
]; ];

View File

@ -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,