(shenyu-dashboard) branch master updated: fix:UI bug on smaller screen sizes (#532)

[achao]

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

achao 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 7b9cb0af fix:UI bug on smaller screen sizes (#532)
7b9cb0af is described below

commit 7b9cb0af7a049973538bbc7ffda71ee965c7bc7d
Author: Leonidas <70935645+caizhiqiangzey...@users.noreply.github.com>
AuthorDate: Wed Jul 2 18:03:58 2025 +0800

    fix:UI bug on smaller screen sizes (#532)
---
 src/index.less                    | 2 +-
 src/routes/Plugin/Common/index.js | 7 ++++---
 src/routes/Plugin/index.less      | 4 +++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/index.less b/src/index.less
index 15a9ec15..53e3d66e 100644
--- a/src/index.less
+++ b/src/index.less
@@ -91,7 +91,7 @@ ol {
   align-items: center;
   justify-content: space-between;
   line-height: 40px;
-  padding: 0 20px;
+  padding: 0 10px;
   border-radius: 5px;
   box-shadow: 1px 2px 2px rgba(191, 189, 189, 0.5);
   height: 40px;
diff --git a/src/routes/Plugin/Common/index.js 
b/src/routes/Plugin/Common/index.js
index 245b93ae..b61e01f3 100755
--- a/src/routes/Plugin/Common/index.js
+++ b/src/routes/Plugin/Common/index.js
@@ -1172,8 +1172,8 @@ export default class Common extends Component {
         </Row>
         <Row gutter={20}>
           <Col span={10}>
+            <h3>{getIntlContent("SHENYU.PLUGIN.SELECTOR.LIST.TITLE")}</h3>
             <div className="table-header">
-              <h3>{getIntlContent("SHENYU.PLUGIN.SELECTOR.LIST.TITLE")}</h3>
               <div className={styles.headerSearch}>
                 <AuthButton perms={`plugin:${name}Selector:query`}>
                   <Search
@@ -1246,9 +1246,10 @@ export default class Common extends Component {
             />
           </Col>
           <Col span={14}>
+            <h3>{getIntlContent("SHENYU.PLUGIN.SELECTOR.RULE.LIST")}</h3>
+
             <div className="table-header">
               <div style={{ display: "flex", alignItems: "center" }}>
-                <h3>{getIntlContent("SHENYU.PLUGIN.SELECTOR.RULE.LIST")}</h3>
                 <AuthButton perms={`plugin:${name}:modify`}>
                   <Button
                     icon="reload"
@@ -1260,7 +1261,7 @@ export default class Common extends Component {
                 </AuthButton>
               </div>
 
-              <div className={styles.headerSearch}>
+              <div className={`${styles.headerSearch} ${styles.marginLeft10}`}>
                 <AuthButton perms={`plugin:${name}Rule:query`}>
                   <Search
                     className={styles.search}
diff --git a/src/routes/Plugin/index.less b/src/routes/Plugin/index.less
index 166d7de3..c6ec06d3 100644
--- a/src/routes/Plugin/index.less
+++ b/src/routes/Plugin/index.less
@@ -23,7 +23,6 @@
 .headerSearch {
   display: flex;
   justify-content: space-between;
-  margin-left: 10px;
   align-items: center;
 
   .search {
@@ -32,6 +31,9 @@
     align-items: center;
   }
 }
+.marginLeft10{
+  margin-left: 10px;
+}
 
 .condition, .springCloud {
   margin-top: 8px;