Fix breadcrumb and inline code padding (#1064)

* fix(Breadcrumb): fix breadcrumb padding * fix(InlineCode): fix inline code padding
mittwald · Dec 11, 2024 · c962fce · c962fce
1 parent 91eb170
commit c962fce
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/components/src/components/Breadcrumb/Breadcrumb.module.scss b/packages/components/src/components/Breadcrumb/Breadcrumb.module.scss
@@ -35,6 +35,10 @@
       }
     }
 
+    &:first-child .link {
+      padding-inline-start: 0;
+    }
+
     &[data-disabled="true"] {
       .link {
         cursor: unset;

diff --git a/packages/components/src/components/InlineCode/InlineCode.module.scss b/packages/components/src/components/InlineCode/InlineCode.module.scss
@@ -5,8 +5,9 @@
   word-wrap: break-word;
   background-color: var(--code--background-color);
   padding-inline: var(--code--padding-x);
+  padding-block: var(--code--padding-y);
   border-radius: var(--code--corner-radius);
-  display: inline-block;
+  display: inline;
   width: fit-content;
   max-width: 100%;
 

diff --git a/packages/design-tokens/src/content/code.yml b/packages/design-tokens/src/content/code.yml
@@ -5,6 +5,8 @@ code:
     value: "{line-height.m}"
   padding-x:
     value: "{size-px.xs}"
+  padding-y:
+    value: "{size-px.xxs}"
   padding:
     value: "{size-px.m}"
   corner-radius: