style(component): 调整模态框关闭按钮位置
- 将关闭按钮距离顶部和右侧的间距从0调整为10px - 增加最大化按钮存在时关闭按钮的右侧间距从30px到40px - 优化关闭按钮的位置以提升界面美观和易用性
This commit is contained in:
@@ -90,8 +90,8 @@
|
|||||||
.ele-modal .ant-modal-header {
|
.ele-modal .ant-modal-header {
|
||||||
.ant-modal-close {
|
.ant-modal-close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 10px;
|
||||||
right: 0;
|
right: 10px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -103,15 +103,15 @@
|
|||||||
/* 当存在最大化按钮时,关闭按钮左移 */
|
/* 当存在最大化按钮时,关闭按钮左移 */
|
||||||
.ele-modal-maximize-btn + .ant-modal-close,
|
.ele-modal-maximize-btn + .ant-modal-close,
|
||||||
.ele-modal-maximize-btn ~ .ant-modal-close {
|
.ele-modal-maximize-btn ~ .ant-modal-close {
|
||||||
right: 30px;
|
right: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 针对 ant-modal 关闭按钮的兜底修复 */
|
/* 针对 ant-modal 关闭按钮的兜底修复 */
|
||||||
.ant-modal .ant-modal-close {
|
.ant-modal .ant-modal-close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 10px;
|
||||||
right: 0;
|
right: 10px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user