Browse Source

1. el-dialog 最大高度不超过浏览器视口高度
2. 修复 滚动条覆盖 border-radius 问题

夜鹰 8 months ago
parent
commit
1d885e845b
2 changed files with 4 additions and 0 deletions
  1. 3 0
      Web/src/theme/element.scss
  2. 1 0
      Web/src/theme/media/scrollbar.scss

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

@@ -346,9 +346,11 @@
 			padding: 0 !important;
 			margin: 0 auto !important;
 			position: absolute;
+            max-height: 100vh;
 
 			.el-dialog__body {
 				padding: 18px !important;
+                max-height: calc(100vh - 37px);
 			}
 		}
 	}
@@ -386,6 +388,7 @@
 	padding: 8px;
     border-radius: var(--el-dialog-border-radius) var(--el-dialog-border-radius) 0 0;
 	background: var(--el-color-primary);
+    color: #fff;
     height: 37px;
     line-height: 21px;
 

+ 1 - 0
Web/src/theme/media/scrollbar.scss

@@ -41,6 +41,7 @@
 	}
 	::-webkit-scrollbar-track-piece {
 		background-color: var(--next-bg-main-color);
+        border-radius: 4px;
 	}
 	// 滚动条的设置
 	::-webkit-scrollbar-thumb {