fix: 保存提示/确认框靠左重叠菜单 — el-message强制居中+移除el-message-box margin:0破坏
This commit is contained in:
+11
-3
@@ -344,9 +344,17 @@ html.dark .el-drawer__header {
|
||||
.el-overlay { z-index: 2000 !important; }
|
||||
.el-overlay-dialog { z-index: 2001 !important; position: fixed !important; }
|
||||
.el-message-box__wrapper { z-index: 2002 !important; }
|
||||
/* 消息提示必须高于弹窗,避免在弹窗内操作时被遮挡;出现在顶栏下方(60px+间距) */
|
||||
.el-message { z-index: 3000 !important; top: 70px !important; }
|
||||
.el-message-box { margin: 0 !important; }
|
||||
/* 消息提示:置顶居中显示,避开左侧菜单与顶栏(顶栏60px+间距);必须高于弹窗 */
|
||||
.el-message {
|
||||
position: fixed !important;
|
||||
top: 70px !important;
|
||||
left: 50% !important;
|
||||
right: auto !important;
|
||||
transform: translateX(-50%) !important;
|
||||
z-index: 3000 !important;
|
||||
max-width: calc(100vw - 40px) !important;
|
||||
}
|
||||
/* el-message-box 保持默认居中(margin:15vh auto),勿清margin否则会靠左重叠菜单 */
|
||||
.el-dialog { --el-dialog-margin-top: 1vh !important; }
|
||||
|
||||
/* 过渡动画 — 明暗切换平滑过渡 */
|
||||
|
||||
Reference in New Issue
Block a user