(shenyu-dashboard) branch master updated: Optimize table-header layout (#454)

[likeguo]

This is an automated email from the ASF dual-hosted git repository.

likeguo pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/shenyu-dashboard.git


The following commit(s) were added to refs/heads/master by this push:
     new 4070ea19 Optimize table-header layout (#454)
4070ea19 is described below

commit 4070ea19140456674a66e08f203b2f85c603fea1
Author: Kerwin Bryant <kerwin...@qq.com>
AuthorDate: Mon May 27 10:58:42 2024 +0800

    Optimize table-header layout (#454)
---
 src/index.less                      | 4 +++-
 src/routes/Plugin/Common/index.js   | 8 ++------
 src/routes/System/Resource/index.js | 6 ++----
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/index.less b/src/index.less
index 6637fa49..39613048 100644
--- a/src/index.less
+++ b/src/index.less
@@ -101,8 +101,10 @@ ol {
   background: #fff;
 
   h3 {
+    margin: 0;
     font-size: 16px;
-    overflow: hidden;
+    overflow: visible;
+    margin-right: 30px;
   }
 }
 
diff --git a/src/routes/Plugin/Common/index.js 
b/src/routes/Plugin/Common/index.js
old mode 100644
new mode 100755
index ebf4125b..d17997a7
--- a/src/routes/Plugin/Common/index.js
+++ b/src/routes/Plugin/Common/index.js
@@ -1042,9 +1042,7 @@ export default class Common extends Component {
         <Row gutter={20}>
           <Col span={10}>
             <div className="table-header">
-              <h3 style={{ margin: 0, overflow: "visible" }}>
-                {getIntlContent("SHENYU.PLUGIN.SELECTOR.LIST.TITLE")}
-              </h3>
+              <h3>{getIntlContent("SHENYU.PLUGIN.SELECTOR.LIST.TITLE")}</h3>
               <div className={styles.headerSearch}>
                 <AuthButton perms={`plugin:${name}Selector:query`}>
                   <Search
@@ -1119,9 +1117,7 @@ export default class Common extends Component {
           <Col span={14}>
             <div className="table-header">
               <div style={{ display: "flex", alignItems: "center" }}>
-                <h3 style={{ margin: 0, marginRight: 30 }}>
-                  {getIntlContent("SHENYU.PLUGIN.SELECTOR.RULE.LIST")}
-                </h3>
+                <h3>{getIntlContent("SHENYU.PLUGIN.SELECTOR.RULE.LIST")}</h3>
                 <AuthButton perms={`plugin:${name}:modify`}>
                   <Button
                     icon="reload"
diff --git a/src/routes/System/Resource/index.js 
b/src/routes/System/Resource/index.js
old mode 100644
new mode 100755
index 037a8e7f..3d02b09c
--- a/src/routes/System/Resource/index.js
+++ b/src/routes/System/Resource/index.js
@@ -490,9 +490,7 @@ export default class Resource extends Component {
         <Row gutter={20}>
           <Col span={6} style={{ minWidth: 280 }}>
             <div className="table-header">
-              <h3 style={{ margin: 0 }}>
-                {getIntlContent("SHENYU.SYSTEM.RESOURCE.MENULIST.TITLE")}
-              </h3>
+              
<h3>{getIntlContent("SHENYU.SYSTEM.RESOURCE.MENULIST.TITLE")}</h3>
               <div className={styles.headerSearch}>
                 <AuthButton perms="system:resource:list">
                   <Search
@@ -527,7 +525,7 @@ export default class Resource extends Component {
           <Col span={18}>
             <div className="table-header">
               <div style={{ display: "flex", alignItems: "center" }}>
-                <h3 style={{ margin: 0, marginRight: 30 }}>
+                <h3>
                   {getIntlContent("SHENYU.SYSTEM.RESOURCE.BUTTONLIST.TITLE")}
                 </h3>
                 <AuthButton perms="system:resource:deleteButton">