From fe70a2bceeef78ff7a250ee133003cf21002e4a9 Mon Sep 17 00:00:00 2001
From: Stev_Wang <304865932@qq.com>
Date: Tue, 3 Nov 2026 13:44:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E4=BF=AE=E5=A4=8D=E8=A7=92?=
 =?UTF-8?q?=E8=89=B2=E5=88=97=E8=A1=A8=E9=A1=B5=E5=A4=B4=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=9C=AA=E5=8F=B3=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

背景：/system/roles 页头标题容器缺少 lx-roles__head-txt 类，且页头未设置 space-between，导致「权限点目录 / 新建角色」紧跟在标题后停在页面中间；编辑器/新建页因标题容器有 flex:1 不受影响。

改动：RolesPage 标题容器补 lx-roles__head-txt；.lx-roles__header 增加 justify-content:space-between，操作区增加 margin-left:auto。

验证：pnpm format:check / lint / typecheck / test 全绿；本地 5173 实测按钮回到右侧（1440×900 截图已更新）。
---
 apps/web/src/pages/system/roles/RolesPage.tsx | 2 +-
 apps/web/src/styles/roles.css                 | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/pages/system/roles/RolesPage.tsx b/apps/web/src/pages/system/roles/RolesPage.tsx
index 3841e25..152a9e3 100644
--- a/apps/web/src/pages/system/roles/RolesPage.tsx
+++ b/apps/web/src/pages/system/roles/RolesPage.tsx
@@ -171,7 +171,7 @@ export function RolesPage(): ReactNode {
   return (
     <div className="lx-roles">
       <header className="lx-roles__header">
-        <div>
+        <div className="lx-roles__head-txt">
           <h1>角色权限</h1>
           <p>配置功能权限、数据范围与特殊权限，变更即时生效并留痕</p>
         </div>
diff --git a/apps/web/src/styles/roles.css b/apps/web/src/styles/roles.css
index 87e3b02..499144e 100644
--- a/apps/web/src/styles/roles.css
+++ b/apps/web/src/styles/roles.css
@@ -21,6 +21,7 @@
   display: flex;
   flex: 0 0 auto;
   align-items: flex-start;
+  justify-content: space-between;
   gap: var(--lx-space-3);
 }
 
@@ -53,6 +54,7 @@
   flex: 0 0 auto;
   align-items: center;
   gap: var(--lx-space-2);
+  margin-left: auto;
 }
 
 .lx-roles__back {