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 {
position: fixed;
z-index: 1000;
z-index: 10;
}

View File

@ -131,7 +131,6 @@ export const AgentRowDetail = ({ agentID, t }) => {
{
title: "PID",
dataIndex: "node_info.process.id",
width: 150,
},
{
title: "Port",
@ -139,12 +138,10 @@ export const AgentRowDetail = ({ agentID, t }) => {
render: (text, record) => {
return text?.split(":")?.[1];
},
width: 150,
},
{
title: "Cluster",
dataIndex: "cluster_info.cluster_name",
width: 180,
render: (text, record) => {
return <>
<div style={{

View File

@ -20,14 +20,10 @@ export default (props) => {
{
title: "PID",
dataIndex: "pid",
ellipsis: true,
width: 150,
},
{
title: "Name",
dataIndex: "name",
ellipsis: true,
width: 150,
},
{
title: "Cmdline",
@ -57,7 +53,6 @@ export default (props) => {
</>
);
},
ellipsis: true,
},
{
title: "Listen addresses",
@ -75,8 +70,6 @@ export default (props) => {
})}
</>
),
ellipsis: true,
width: 300,
},
{
title: formatMessage({ id: "table.field.actions" }),
@ -93,7 +86,6 @@ export default (props) => {
</a>
</div>
),
ellipsis: true,
width: 100,
},
];

View File

@ -109,7 +109,7 @@ export default (props) => {
if (type === 'node') {
title = formatMessage({ id: "form.button.clean.unavailable.nodes.desc" })
} else if (type === 'index') {
title = formatMessage({ id: "form.button.clean.unavailable.indices.desc" })
title = formatMessage({ id: "form.button.clean.deleted.indices.desc" })
}
Modal.confirm({
title,