beyond-webui 1.1.15 → 1.1.17

package/theme-chalk/src/button.scss

@@ -43,7 +43,13 @@ $button-icon-span-gap: map.merge(
   background-color: getCssVar('button', 'bg-color');
   border: getCssVar('border');
   border-color: getCssVar('button', 'border-color');
-
+  &.el-button--primary {
+    box-shadow: 0 1px 0 0 rgba(26, 26, 26, 0.07),
+    0 1px 0 0 rgba(204, 204, 204, 0.5) inset,
+    0 -1px 0 0 rgba(0, 0, 0, 0.17) inset,
+    -1px 0 0 0 rgba(0, 0, 0, 0.13) inset,
+    1px 0 0 0 rgba(0, 0, 0, 0.13) inset;
+  }
   &:hover {
     background-color: getCssVar('button', 'hover', 'bg-color');
     outline: none;
@@ -62,7 +68,6 @@ $button-icon-span-gap: map.merge(
     outline: 2px solid rgba(36, 48, 55, 0.80);
     outline-offset: 1px;
   }
-
   > span {
     display: inline-flex;
     align-items: center;
@@ -278,11 +283,6 @@ $button-icon-span-gap: map.merge(
   @each $type in (primary, success, warning, danger, info) {
 
     @include m($type) {
-      box-shadow: 0 1px 0 0 rgba(26, 26, 26, 0.07),
-      0 1px 0 0 rgba(204, 204, 204, 0.5) inset,
-      0 -1px 0 0 rgba(0, 0, 0, 0.17) inset,
-      -1px 0 0 0 rgba(0, 0, 0, 0.13) inset,
-      1px 0 0 0 rgba(0, 0, 0, 0.13) inset;
       &.is-disabled, &.is-disabled:hover {
         background-color: rgba(193, 204, 214, 0.38);
         border-color: rgba(193, 204, 214, 0.38);

package/theme-chalk/src/common/var.scss

@@ -33,7 +33,7 @@ $colors: map.deep-merge(
         'base': #e0450e,
       ),
       'info': (
-        'base': #909399,
+        'base': #3D8DF5,
       ),
     ),
     $colors
@@ -484,7 +484,7 @@ $messagebox: map.merge(
       'title-color': getCssVar('text-color-primary'),
       'width': 420px,
       'border-radius': 16px,
-      'font-size': getCssVar('font-size-extra-large'),
+      'font-size': 16px,
       'content-font-size': getCssVar('font-size-medium'),
       'content-color': getCssVar('text-color-regular'),
       'error-font-size': 12px,

package/theme-chalk/src/message-box.scss

@@ -14,7 +14,6 @@
   max-width: 752px;
   width: 100%;
   min-width: 400px;
-  padding-bottom: 24px;
   vertical-align: middle;
   background-color: getCssVar('bg-color');
   border-radius: getCssVar('messagebox-border-radius');
@@ -59,7 +58,8 @@
 
   @include e(header) {
     position: relative;
-    padding: 16px 24px;
+    padding: 16px;
+    background-color: #f2f7f7;
   }
 
   @include e(title) {
@@ -75,8 +75,9 @@
   @include e(headerbtn) {
     position: absolute;
     top: 16px;
-    right: 24px;
-    min-width: 32px;
+    right: 16px;
+    width: 32px;
+    height: 32px;
     padding: 0;
     border: none;
     outline: none;
@@ -101,9 +102,8 @@
   }
 
   @include e(content) {
-    padding: 24px;
-    min-height: 112px;
-    line-height: 24px;
+    padding: 16px;
+    line-height: 20px;
     font-family: var(--body-font);
     color: getCssVar('messagebox-content-color');
     font-size: getCssVar('messagebox-content-font-size');
@@ -173,7 +173,7 @@
   }
 
   @include e(btns) {
-    padding: 24px 24px 0;
+    padding: 12px 16px 24px;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;

package/theme-chalk/src/var.scss

@@ -82,9 +82,8 @@
   @include set-css-var-value('border-style', $border-style);
   @include set-css-var-value('border-color-hover', $border-color-hover);
   @include set-css-var-value(
-    'border',
-    getCssVar('border-width') getCssVar('border-style')
-      getCssVar('border-color')
+      'border',
+      getCssVar('border-width') getCssVar('border-style') getCssVar('border-color')
   );
 
   // Svg
@@ -215,5 +214,6 @@
   --color-pink-pink-900: #47153f;
   --color-pink-pink-990: #241020;
   --transparent-transparent-1: #00000000;
-
+  --el-button-info-hover-color: #186ade;
+  --el-color-info-dark-2: #0d4ea6 ;
 }