fix: 限制账户导出框高度,防止按钮被遮挡

- 设置导出对话框最大高度为80vh
- 优化布局使用flex确保按钮始终可见
- 文本区域自适应高度并支持滚动
- 提升大量账户导出时的用户体验

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-09-24 05:44:38 +08:00
parent 97042e3d7b
commit 33cdc42b1f

View File

@@ -259,26 +259,26 @@ export function BatchOperations({ selectedCount, selectedAccounts, stats, onBatc
</Dialog> </Dialog>
<Dialog open={exportDialog} onOpenChange={setExportDialog}> <Dialog open={exportDialog} onOpenChange={setExportDialog}>
<DialogContent className="max-w-2xl"> <DialogContent className="max-w-2xl max-h-[80vh] flex flex-col">
<DialogHeader> <DialogHeader>
<DialogTitle></DialogTitle> <DialogTitle></DialogTitle>
<DialogDescription> <DialogDescription>
{exportData.count} {exportData.count}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="space-y-4"> <div className="flex-1 overflow-hidden">
<div className="space-y-2"> <div className="space-y-2 h-full flex flex-col">
<label className="text-sm font-medium">:</label> <label className="text-sm font-medium">:</label>
<Textarea <Textarea
value={exportData.text} value={exportData.text}
readOnly readOnly
onClick={selectAllText} onClick={selectAllText}
className="min-h-[300px] font-mono text-sm" className="flex-1 font-mono text-sm resize-none"
placeholder="导出的账户数据将显示在这里..." placeholder="导出的账户数据将显示在这里..."
/> />
</div> </div>
</div> </div>
<DialogFooter> <DialogFooter className="mt-4">
<Button <Button
variant="outline" variant="outline"
onClick={() => setExportDialog(false)} onClick={() => setExportDialog(false)}