Jelajahi Sumber

调整查询条件样式以匹配用户管理

- 将h3标签移回search-form外部
- 添加display: block和clear: both确保h3独占一行
- 调整search-actions的margin-left为12px
heyiwen 8 jam lalu
induk
melakukan
0af7bdabfb
1 mengubah file dengan 3 tambahan dan 2 penghapusan
  1. 3 2
      vue-frontend/src/components/RoleManagement.vue

+ 3 - 2
vue-frontend/src/components/RoleManagement.vue

@@ -4,8 +4,8 @@
     
     <!-- 查询条件 -->
     <div class="search-section">
+      <h3>查询条件</h3>
       <el-form :model="queryForm" class="search-form">
-        <h3>查询条件</h3>
         <!-- 第一行(默认显示,3个控件 + 按钮) -->
         <div class="search-row">
           <el-form-item label="角色名称">
@@ -724,6 +724,7 @@ export default {
   font-size: 15px;
   color: #606266;
   display: block;
+  clear: both;
 }
 
 .search-form {
@@ -747,7 +748,7 @@ export default {
 .search-actions {
   display: flex;
   gap: 8px;
-  margin-left: auto;
+  margin-left: 12px;
 }
 
 .action-section {