将window.confirm对话框在屏幕上居中

我有以下对话框可以正常工作,但是,无法将其放在页面中心:

<Button variant="danger" onClick={() => { if (window.confirm('Delete character?')) handleCharacterDeletion(row.original) }}>DELETE</Button>

该框显示在页面顶部,但我希望它居中。

我尝试将整个内容包装在一个标签中,但实际上并没有做任何一件小事。

有没有办法让我的对话框居中?

谢谢

评论