浏览代码

style: Fix the style error when icon and text exist at the same time in BreadCrumb (#1570)

Co-authored-by: pointhalo <[email protected]>
YyumeiZhang 2 年之前
父节点
当前提交
b8a95944a6
共有 1 个文件被更改,包括 4 次插入4 次删除
  1. 4 4
      packages/semi-foundation/breadcrumb/breadcrumb.scss

+ 4 - 4
packages/semi-foundation/breadcrumb/breadcrumb.scss

@@ -82,14 +82,14 @@ $module: #{$prefix}-breadcrumb;
         }
     }
 
-    &-item-icon+&-item-title {
-        margin-left: $spacing-breadcrumb_item_text-marginLeft;
-    }
+    // &-item-icon+&-item-title {
+    //     margin-left: $spacing-breadcrumb_item_text-marginLeft;
+    // }
 
     &-item-link {
         display: inline-flex;
         align-items: center;
-        column-gap: 4px;
+        column-gap: $spacing-breadcrumb_item_text-marginLeft;
         text-decoration: inherit;
         transition: color $transition_duration-breadcrumb_link-text $transition-function_breadcrumb_link-text $transition_delay-breadcrumb_link-text;
         transform: scale($transform_scale-breadcrumb_link-text);