ui: 最低工资保存按钮横置紧凑显示

This commit is contained in:
freedakgmail
2026-08-17 21:52:04 +08:00
parent 0f11dbb8c4
commit f9ed465c09
@@ -356,21 +356,22 @@ export function AccountCard({
{/* 最低工资标准(内联编辑,仅社保) */} {/* 最低工资标准(内联编辑,仅社保) */}
<div className="flex justify-between items-center border-b pb-1.5"> <div className="flex justify-between items-center border-b pb-1.5">
<span className="text-gray-500">最低工资标准</span> <span className="text-gray-500">最低工资标准</span>
<div className="flex items-center gap-2"> <div className="flex items-center gap-1.5">
<Input <Input
type="number" type="number"
value={minWageInput} value={minWageInput}
onChange={(e) => setMinWageInput(e.target.value)} onChange={(e) => setMinWageInput(e.target.value)}
placeholder="0" placeholder="0"
className="w-24 h-7 text-sm text-right" className="w-20 h-7 text-sm text-right"
/> />
<Button <Button
size="sm" size="sm"
variant="secondary" variant="secondary"
onClick={() => updateMinWageMutation.mutate()} onClick={() => updateMinWageMutation.mutate()}
disabled={updateMinWageMutation.isPending} disabled={updateMinWageMutation.isPending}
className="h-7 px-2 text-xs whitespace-nowrap"
> >
{updateMinWageMutation.isPending ? '保存中...' : '保存'} {updateMinWageMutation.isPending ? '保存中' : '保存'}
</Button> </Button>
</div> </div>
</div> </div>