restyle ant-avatar to set border-radius

packages/app/src/components/PostCard/index.jsx

@@ -46,7 +46,7 @@ function PostHeader(props) {
     return <div className="postHeader">
         <div className="userInfo">
             <div className="avatar">
-                <antd.Avatar src={props.postData.user?.avatar} />
+                <antd.Avatar shape="square" src={props.postData.user?.avatar} />
             </div>
             <div className="info">
                 <div>

packages/app/src/components/PostCard/index.less

@@ -273,23 +273,3 @@
     //     opacity: 0;
     // }
 }
-
-@keyframes fadeActionsIn {
-    from {
-        opacity: 0;
-    }
-
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes fadeActionOut {
-    from {
-        opacity: 1;
-    }
-
-    to {
-        opacity: 0;
-    }
-}

packages/app/src/theme/index.less

@@ -155,6 +155,10 @@ body {
 		user-select        : none;
 		-webkit-user-select: none;
 	}
+
+	.postCard {
+		min-width: 30px;
+	}
 }
 
 .fade-transverse-active {
@@ -259,6 +263,10 @@ body {
 	}
 }
 
+.ant-avatar-square {
+	border-radius: 12px;
+}
+
 *:not(input):not(textarea) {
 	-webkit-user-select  : none;
 	/* disable selection/Copy of UIWebView */