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

Co-authored-by: yaojiping <[email protected]>
infinilabs · Dec 19, 2024 · 1475ded · 1475ded
1 parent f9baad0
commit 1475ded
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 13 deletions.
diff --git a/web/src/components/Anchor/index.scss b/web/src/components/Anchor/index.scss
@@ -34,5 +34,5 @@
 }
 .fixed-top {
   position: fixed;
-  z-index: 1000; 
+  z-index: 10; 
 }
diff --git a/web/src/pages/Agent/Instance/components/RowDetail.jsx b/web/src/pages/Agent/Instance/components/RowDetail.jsx
@@ -131,20 +131,17 @@ export const AgentRowDetail = ({ agentID, t }) => {
       {
         title: "PID",
         dataIndex: "node_info.process.id",
-        width: 150,
       },
       {
         title: "Port",
         dataIndex: "node_info.http.publish_address",
         render: (text, record) => {
           return text?.split(":")?.[1];
         },
-        width: 150,
       },
       {
         title: "Cluster",
         dataIndex: "cluster_info.cluster_name",
-        width: 180,
         render: (text, record) => {
           return <>
             <div style={{

diff --git a/web/src/pages/Agent/Instance/components/UnknownProcess.jsx b/web/src/pages/Agent/Instance/components/UnknownProcess.jsx
@@ -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,
     },
   ];

diff --git a/web/src/pages/System/Cluster/index.jsx b/web/src/pages/System/Cluster/index.jsx
@@ -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,