fix(theme): show external link icon on same line (#1880)

vuejs · Feb 25, 2023 · 6218b10 · 6218b10
1 parent b56351c
commit 6218b10
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/client/theme-default/components/VPLink.vue b/src/client/theme-default/components/VPLink.vue
@@ -37,5 +37,6 @@ const isExternal = computed(() => props.href && EXTERNAL_URL_RE.test(props.href)
   height: 11px;
   fill: var(--vp-c-text-3);
   transition: fill 0.25s;
+  flex-shrink: 0;
 }
 </style>
diff --git a/src/client/theme-default/components/VPSidebarItem.vue b/src/client/theme-default/components/VPSidebarItem.vue
@@ -113,7 +113,8 @@ function onCaretClick() {
 }
 
 .link {
-  display: block;
+  display: flex;
+  align-items: center;
   flex-grow: 1;
 }