fix: 修复TagsView居中样式问题 (#227)

Co-authored-by: mac <[email protected]>
un-pany · Dec 6, 2024 · b02c8c6 · b02c8c6
1 parent f7d4ea1
commit b02c8c6
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/layouts/components/TagsView/index.vue b/src/layouts/components/TagsView/index.vue
@@ -210,7 +210,9 @@ listenerRouteChange((route) => {
   overflow: hidden;
   .tags-view-wrapper {
     .tags-view-item {
-      display: inline-block;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
       position: relative;
       cursor: pointer;
       height: 26px;
@@ -234,8 +236,8 @@ listenerRouteChange((route) => {
         border-color: var(--v3-tagsview-tag-active-border-color);
       }
       .el-icon {
-        margin: 0 2px;
-        vertical-align: middle;
+        margin-left: 5px;
+        margin-right: 1px;
         border-radius: 50%;
         &:hover {
           background-color: var(--v3-tagsview-tag-icon-hover-bg-color);