fix: Fix all modal sizes (#6820)

packages/design-system/src/css/dialog.scss

@@ -19,8 +19,7 @@
 	display: flex;
 	flex-direction: column;
 	align-items: inherit;
-	justify-content: center;
-	padding-top: var(--spacing-2xl);
+	overflow: auto;
 }
 
 @include mixins.b(overlay-message-box) {
@@ -38,7 +37,7 @@
 	border-radius: var(--border-radius-small);
 	box-shadow: var.$dialog-box-shadow;
 	box-sizing: border-box;
-	width: var(#{getCssVarName('dialog-width')}, 50%);
+	width: var(#{utils.getCssVarName('dialog-width')}, 50%);
 
 	@include mixins.when(fullscreen) {
 		width: 100%;
@@ -108,20 +107,6 @@
 			margin-left: var(--spacing-2xs);
 		}
 	}
-
-	// 内容居中布局
-	@include mixins.m(center) {
-		text-align: center;
-
-		@include mixins.e(body) {
-			text-align: initial;
-			padding: 25px (var.$dialog-padding-primary + 5px) 30px;
-		}
-
-		@include mixins.e(footer) {
-			text-align: inherit;
-		}
-	}
 }
 
 .dialog-fade-enter-active {

packages/design-system/src/css/mixins/utils.scss

@@ -37,3 +37,19 @@
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
+
+@function joinVarName($list) {
+  $name: '--' + 'el';
+  @each $item in $list {
+    @if $item != '' {
+      $name: $name + '-' + $item;
+    }
+  }
+  @return $name;
+}
+
+// getCssVarName('button', 'text-color') => '--el-button-text-color'
+@function getCssVarName($args...) {
+  @return joinVarName($args);
+}
+

packages/design-system/src/utils.scss

@@ -5,18 +5,3 @@
 @function saturation($h, $s, $l, $saturation) {
 	@return hsl(var(#{$h}), calc(var(#{$s}) + #{$saturation}), var(#{$l}));
 }
-
-@function joinVarName($list) {
-  $name: '--' + 'el';
-  @each $item in $list {
-    @if $item != '' {
-      $name: $name + '-' + $item;
-    }
-  }
-  @return $name;
-}
-
-// getCssVarName('button', 'text-color') => '--el-button-text-color'
-@function getCssVarName($args...) {
-  @return joinVarName($args);
-}