style(component): 调整模态框关闭按钮位置
- 将关闭按钮距离顶部和右侧的间距从0调整为10px - 增加最大化按钮存在时关闭按钮的右侧间距从30px到40px - 优化关闭按钮的位置以提升界面美观和易用性
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user