|
|
@@ -526,11 +526,11 @@ export default function UserManagement({ subMenu }: UserManagementProps) {
|
|
|
{/* 右侧用户列表 */}
|
|
|
<div className="flex-1 min-w-0">
|
|
|
<div className="space-y-6">
|
|
|
- {/* 搜索栏 */}
|
|
|
+ {/* 搜索栏:搜索条件与 新增/导入/导出 同一行,右侧按钮组;小屏可换行到第二行 */}
|
|
|
<div className="bg-white rounded-xl border border-gray-200/50 shadow-sm p-4 lg:p-5">
|
|
|
- <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
|
|
|
- {/* 搜索条件 + 搜索、重置紧跟其后 */}
|
|
|
- <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
|
|
|
+ <div className="flex items-center justify-between gap-3 flex-wrap min-w-0">
|
|
|
+ {/* 搜索条件 + 搜索、重置 */}
|
|
|
+ <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0 flex-1">
|
|
|
<div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
|
|
|
<label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.nickname')}:</label>
|
|
|
<Input
|
|
|
@@ -586,8 +586,9 @@ export default function UserManagement({ subMenu }: UserManagementProps) {
|
|
|
</Space>
|
|
|
</div>
|
|
|
|
|
|
- {/* 新增 / 导入 / 导出等按钮组保持在最右侧 */}
|
|
|
- <Space className="flex-shrink-0" size="small">
|
|
|
+ {/* 新增 / 导入 / 导出:同一行靠右,空间不足时整组换到第二行 */}
|
|
|
+ <div className="flex items-center flex-shrink-0 ml-auto">
|
|
|
+ <Space size="small">
|
|
|
<PermissionWrapper permission="system:user:create">
|
|
|
<Button
|
|
|
type="primary"
|
|
|
@@ -616,7 +617,8 @@ export default function UserManagement({ subMenu }: UserManagementProps) {
|
|
|
{t('common.export')}
|
|
|
</Button>
|
|
|
</PermissionWrapper>
|
|
|
- </Space>
|
|
|
+ </Space>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|