fix: 修复部分图标未居中的问题 (#2917)

明修 · GitHub
1 parent cb64e5d2
Showing 4 changed files with 10 additions and 3 deletions
src/design/ant/index.less
src/layouts/default/header/components/notify/index.vue
src/layouts/default/header/index.less
src/layouts/default/tabs/components/TabRedo.vue
@@ -8,7 +8,7 @@
   }
 }
  
-span.anticon:not(.app-iconify) {
+span.anticon:not(.app-iconify, .anticon-vertical-align-top, .anticon-bell) {
   vertical-align: 0.125em !important;
 }
  
@@ -66,7 +66,7 @@
   @prefix-cls: ~'@{namespace}-header-notify';
  
   .@{prefix-cls} {
-    padding-top: 2px;
+    padding-bottom: 1px;
  
     &__overlay {
       max-width: 360px;
@@ -77,6 +77,8 @@
     }
  
     .ant-badge {
+      display: flex;
+      align-items: center;
       font-size: 18px;
  
       .ant-badge-multiple-words {
@@ -120,7 +120,7 @@
       }
  
       .ant-badge-dot {
-        top: 10px;
+        top: 14px;
         right: 2px;
       }
     }
@@ -31,3 +31,8 @@
     },
   });
 </script>
+<style lang="less" scoped>
+  span.anticon-redo {
+    vertical-align: baseline !important;
+  }
+</style>