fix(avatar): border-box (#1750)

* fix(avatar): border-box * fix(avatar): fix background-color Co-authored-by: maxin <maxin@growingio.com>
growingio · Dec 29, 2021 · 0511fae · 0511fae · vercel · Dec 29, 2021
1 parent befbe28
commit 0511fae
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/avatar/Avatar.tsx b/src/avatar/Avatar.tsx
@@ -79,7 +79,7 @@ const Avatar = React.forwardRef<HTMLSpanElement, AvatarProps>(
       if (!userName) {
         return (
           <span className={`${prefixCls}-default ${prefixCls}-icon`}>
-            <UserOutlined />
+            <UserOutlined color={backgroundColor} />
           </span>
         );
       }

diff --git a/src/avatar/style/index.less b/src/avatar/style/index.less
@@ -16,8 +16,6 @@
   opacity: 1;
   user-select: none;
   &:hover &-droppable {
-    width: calc(100% - 2px);
-    height: calc(100% - 2px);
     background-color: rgba(36, 46, 89, 0.5);
     border: 1px solid @gray-0;
     border-radius: 100%;
@@ -51,6 +49,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    box-sizing: border-box;
     width: 100%;
     height: 100%;
     text-align: center;