chore(ui): remove padding of breadcrumb item

Author: xiejay97

packages/ui/src/components/breadcrumb/demos/1.Basic.md

@@ -23,7 +23,7 @@ export default function Demo() {
         {
           id: 0,
           title: (
-            <div style={{ display: 'flex', alignItems: 'center', gap: '0 4px' }}>
+            <div style={{ display: 'flex', alignItems: 'center', gap: '0 4px', padding: '0 6px' }}>
               <HomeOutlined />
               Home
             </div>
@@ -32,12 +32,12 @@ export default function Demo() {
         },
         {
           id: 1,
-          title: <a>Component</a>,
+          title: <a style={{ padding: '0 6px' }}>Component</a>,
           link: true,
         },
         {
           id: 2,
-          title: 'Breadcrumb',
+          title: <span style={{ padding: '0 6px' }}>Breadcrumb</span>,
         },
       ]}
     ></DBreadcrumb>

packages/ui/src/components/breadcrumb/demos/2.Separator.md

@@ -23,7 +23,7 @@ export default function Demo() {
         {
           id: 0,
           title: (
-            <div style={{ display: 'flex', alignItems: 'center', gap: '0 4px' }}>
+            <div style={{ display: 'flex', alignItems: 'center', gap: '0 4px', padding: '0 6px' }}>
               <HomeOutlined />
               Home
             </div>
@@ -32,12 +32,12 @@ export default function Demo() {
         },
         {
           id: 1,
-          title: <a>Component</a>,
+          title: <a style={{ padding: '0 6px' }}>Component</a>,
           link: true,
         },
         {
           id: 2,
-          title: 'Breadcrumb',
+          title: <span style={{ padding: '0 6px' }}>Breadcrumb</span>,
         },
       ]}
       dSeparator={<RightOutlined dSize="0.9em" />}

packages/ui/src/styles/components/breadcrumb.scss

@@ -10,7 +10,6 @@
   }
 
   @include e(item) {
-    padding: 0 6px;
     line-height: 1.5;
     color: var(--#{$rd-prefix}text-color-sub);
     border-radius: var(--#{$rd-prefix}border-radius);