Fix NoticeList style

src/components/NoticeIcon/NoticeList.js

@@ -22,6 +22,7 @@ export default function NoticeList({ data = [], onClick, onClear, title, locale
           return (
             <List.Item className={itemCls} key={item.key || i} onClick={() => onClick(item)}>
               <List.Item.Meta
+                className={styles.meta}
                 avatar={item.avatar ? <Avatar className={styles.avatar} src={item.avatar} /> : null}
                 title={
                   <div>

src/components/NoticeIcon/NoticeList.less

@@ -10,6 +10,14 @@
     padding-left: 24px;
     padding-right: 24px;
 
+    .meta {
+      width: 100%;
+    }
+
+    .avatar {
+      background: #fff;
+    }
+
     &.read {
       opacity: .4;
     }

src/layouts/BasicLayout.less

@@ -58,7 +58,7 @@
     transition: all .3s;
     height: 100%;
     > i {
-      font-size: 20px;
+      font-size: 16px;
       vertical-align: middle;
     }
     &:global(.ant-popover-open),