🐛 [Bug]: Alert 组件中，警告的字变大时，样式出现异常

[jCodeLife]

Version

latest

Vue Version

latest

Link to minimal reproduction

https://github.com/jCodeLife/vue-devui-test/

Step to reproduce

在上面链接的repo中，将src\App.vue文件中的警告字体调大，即可复现，如下：

<style>
.alert-demo-1 .devui-alert {
  margin-bottom: 20px;
  /* 字体变大时，样式异常 */
  font-size: 50px;
}
</style>

What is expected

预期希望是跟小字体时一样：

1. 跟框保持一定的距离
2. 右边关闭图标居中显示

What is actually happening

实际上是：

1. 跟框的距离异常
2. 右边的图标位置也非在框的中间

如下

Any additional comments (optional)

No response

[kagol]

@all-contributors please add @jCodeLife for bug

[allcontributors[bot]]

@kagol

I've put up a pull request to add @jCodeLife! :tada:

[kagol]

大佬的测试思路感觉给我打开了新思路💡[机智]