element-plus-secondary 0.0.16 → 0.0.18

package/theme-chalk/src/color-picker.scss

@@ -174,7 +174,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
 @include b(color-alpha-slider) {
   position: relative;
   box-sizing: border-box;
-  width: 280px;
+  width: 200px;
   height: 12px;
   @include alpha-bg;
 
@@ -188,6 +188,16 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     height: 100%;
   }
 
+  @include e(input) {
+    position: absolute;
+    right: -100px;
+    top: -5px;
+  }
+
+  .#{$namespace}-input-number--small {
+    width: 80px;
+  }
+
   @include e(thumb) {
     @include color-picker-thumb;
   }
@@ -229,6 +239,15 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
   @include e(btns) {
     margin-top: 12px;
     text-align: right;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .#{$namespace}-icon {
+      cursor: pointer;
+      color: #fff;
+      font-size: 14px;
+    }
   }
 
   @include e(value) {
@@ -344,11 +363,11 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     z-index: 10;
     padding: 6px;
     box-sizing: content-box;
-    background-color: $color-white;
-    border-radius: getCssVar('border-radius-base');
-    box-shadow: map.get($dropdown, 'menu-box-shadow');
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    background: #292929 !important;
     &.#{$namespace}-popper {
-      border: 1px solid getCssVar('border-color-lighter');
+      border: 1px solid #434343;
     }
   }
 }

package/theme-chalk/src/mixins/config.scss

@@ -1,4 +1,4 @@
-$namespace: 'el' !default;
+$namespace: 'ed' !default;
 $common-separator: '-' !default;
 $element-separator: '__' !default;
 $modifier-separator: '--' !default;