fix: 限制弹窗尺寸适配 popup 显示

- 最大宽度 360px
- 最大高度 calc(100vh - 4rem)
- 内容超出时支持滚动
- 宽度自适应 viewport
This commit is contained in:
雨霖铃
2026-06-06 10:31:07 +08:00
parent 4a423889d9
commit ee4a45630e
+1 -1
View File
@@ -309,7 +309,7 @@ export default function TestDataGeneratorPage() {
{/* 字段编辑弹窗 */} {/* 字段编辑弹窗 */}
<Dialog open={isEditorOpen} onOpenChange={setIsEditorOpen}> <Dialog open={isEditorOpen} onOpenChange={setIsEditorOpen}>
<DialogContent className="sm:max-w-md"> <DialogContent className="w-[calc(100vw-2rem)] max-w-[360px] max-h-[calc(100vh-4rem)] overflow-y-auto">
<DialogHeader> <DialogHeader>
<DialogTitle>{t('testDataGenerator_fieldConfig')}</DialogTitle> <DialogTitle>{t('testDataGenerator_fieldConfig')}</DialogTitle>
<DialogDescription>{t('testDataGenerator_selectFieldToEdit')}</DialogDescription> <DialogDescription>{t('testDataGenerator_selectFieldToEdit')}</DialogDescription>