소스 검색

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

明修 1 년 전
부모
커밋
b30270a3fb

+ 1 - 1
src/design/ant/index.less

@@ -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;
 }
 

+ 3 - 1
src/layouts/default/header/components/notify/index.vue

@@ -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 {

+ 1 - 1
src/layouts/default/header/index.less

@@ -120,7 +120,7 @@
       }
 
       .ant-badge-dot {
-        top: 10px;
+        top: 14px;
         right: 2px;
       }
     }

+ 5 - 0
src/layouts/default/tabs/components/TabRedo.vue

@@ -31,3 +31,8 @@
     },
   });
 </script>
+<style lang="less" scoped>
+  span.anticon-redo {
+    vertical-align: baseline !important;
+  }
+</style>