fix(pill): align the text.

Theo-Messi · Jan 20, 2025 · 4d7c0cb · 4d7c0cb
1 parent 2e1a6ef
commit 4d7c0cb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/DocPill.vue b/src/components/DocPill.vue
@@ -91,6 +91,7 @@ const pill = defineProps<Pill>()
   display: inline-flex;
   align-items: center;
   gap: 0.25em;
+  transform: translateY(1px);
   transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
   margin: 0 0.125em;
   border: 1px solid var(--Pill-border);

diff --git a/src/theme/components-var.css b/src/theme/components-var.css
@@ -99,7 +99,7 @@
   --Pill-bg-hover: var(--vp-c-brand-soft);
   --Pill-border-hover: var(--vp-c-brand-soft);
   --Pill-boxshadow-hover: 0 2px 4px rgba(0, 0, 0, 0.1);
-  --Pill-transform-hover: translateY(-1px);
+  --Pill-transform-hover: translateY(0px);
   --Pill-transform-active: scale(0.95);
 
   /**