updata:admin.css替用

frontend/app/features/admin/RoleEditDialog.tsx

@@ -19,6 +19,12 @@ import {
   modalFormClass,
 } from "../platform/modalUi";
 import { PermissionCheckboxList } from "./PermissionCheckboxList";
+import {
+  formHintClass,
+  permissionGroupTitleClass,
+  permissionGroupsClass,
+  roleErrorClass,
+} from "./adminUi";
 
 const RESERVED_ROLE_CODES = new Set(["admin", "developer"]);
 const ROLE_CODE_PATTERN = /^[a-z][a-z0-9_-]{1,63}$/;
@@ -153,7 +159,7 @@ export function RoleEditDialog({
       eyebrow="ROLE"
       title={editing ? "编辑角色" : "新建角色"}
     >
-      <form className={`${modalFormClass} role-create-form`} onSubmit={(event) => void handleSubmit(event)}>
+      <form className={modalFormClass} onSubmit={(event) => void handleSubmit(event)}>
         {editing ? (
           <label className={formFieldClass}>
             <span>角色编码</span>
@@ -169,10 +175,10 @@ export function RoleEditDialog({
               onChange={handleRoleCodeChange}
               placeholder="例如：qa_engineer"
             />
-            <span className="form-hint">
+            <span className={formHintClass}>
               以小写字母开头，仅含小写字母/数字/下划线/连字符（2~64 字符）
             </span>
-            {roleCodeError && <span className="role-error">{roleCodeError}</span>}
+            {roleCodeError && <span className={roleErrorClass}>{roleCodeError}</span>}
           </label>
         )}
         <label className={formFieldClass}>
@@ -185,7 +191,7 @@ export function RoleEditDialog({
             placeholder="请输入角色名称"
           />
           {editing !== null && editing.is_builtin && (
-            <span className="form-hint">内置角色名称不可修改，描述可编辑</span>
+            <span className={formHintClass}>内置角色名称不可修改，描述可编辑</span>
           )}
         </label>
         <label className={formFieldClass}>
@@ -198,8 +204,8 @@ export function RoleEditDialog({
           />
         </label>
         {!editing && (
-          <div className="permission-groups">
-            <div className="permission-group__title">初始权限</div>
+          <div className={permissionGroupsClass}>
+            <div className={permissionGroupTitleClass}>初始权限</div>
             <PermissionCheckboxList
               permissions={permissions}
               selected={form.permission_codes}