Просмотр исходного кода

修复el-dialog组件全屏时,底部会有空白问题(上一提交的修改)

夜鹰 5 месяцев назад
Родитель
Сommit
c7ca2996e8
1 измененных файлов с 12 добавлено и 3 удалено
  1. 12 3
      Web/src/theme/element.scss

+ 12 - 3
Web/src/theme/element.scss

@@ -356,12 +356,21 @@
 
 .el-dialog.is-fullscreen {
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    .el-dialog__body {
+        flex: 1;
+    }
+    .el-dialog__footer {
+        padding: 15px;
+        border-top: 1px solid var(--el-border-color);
+    }
 }
 .el-dialog__body {
 	//max-height: calc(100vh - 160px) !important;
-    height: calc(100% - 37px);
-	overflow-y: auto;
-	overflow-x: auto;
+    overflow-y: auto;
+    overflow-x: auto;
 }
 
 // .el-dialog__title{