style(component): 调整模态框关闭按钮位置

- 将关闭按钮距离顶部和右侧的间距从0调整为10px
- 增加最大化按钮存在时关闭按钮的右侧间距从30px到40px
- 优化关闭按钮的位置以提升界面美观和易用性
This commit is contained in:
2026-07-09 12:42:00 +08:00
parent 4154260331
commit 548a178a55

View File

@@ -90,8 +90,8 @@
.ele-modal .ant-modal-header {
.ant-modal-close {
position: absolute;
top: 0;
right: 0;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
display: flex;
@@ -103,15 +103,15 @@
/* 当存在最大化按钮时,关闭按钮左移 */
.ele-modal-maximize-btn + .ant-modal-close,
.ele-modal-maximize-btn ~ .ant-modal-close {
right: 30px;
right: 40px;
}
}
/* 针对 ant-modal 关闭按钮的兜底修复 */
.ant-modal .ant-modal-close {
position: absolute;
top: 0;
right: 0;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
display: flex;