fix(Alpha): fix style props issue.

uiwjs · Nov 29, 2023 · e0a8494 · e0a8494
1 parent 00fe441
commit e0a8494
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/color-alpha/src/index.tsx b/packages/color-alpha/src/index.tsx
@@ -72,9 +72,9 @@ const Alpha = React.forwardRef<HTMLDivElement, AlphaProps>((props, ref) => {
     borderRadius: radius,
     background: `url(${BACKGROUND_IMG}) left center`,
     backgroundColor: 'var(--alpha-background-color)',
+    ...{ width, height },
     ...style,
     position: 'relative',
-    ...{ width, height },
   } as CSSProperties;
 
   const pointerElement =

diff --git a/packages/color-wheel/README.md b/packages/color-wheel/README.md
@@ -28,7 +28,7 @@ function Demo() {
   return (
     <Fragment>
       <Wheel color={hsva} onChange={(color) => setHsva({ ...hsva, ...color.hsva })} />
-      <div style={{ width: '100%', height: 34, background: hsvaToHex(hsva) }}></div>
+      <div style={{ width: '100%', height: 34, marginTop: 20, background: hsvaToHex(hsva) }}></div>
     </Fragment>
   );
 }
@@ -75,7 +75,7 @@ function Demo() {
       <Wheel color={hsva} onChange={(color) => setHsva({ ...hsva, ...color.hsva })} />
       <ShadeSlider
         hsva={hsva}
-        style={{ width: 210 }}
+        style={{ width: 210, marginTop: 20 }}
         onChange={(newShade) => {
           setHsva({ ...hsva, ...newShade });
         }}