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

4 years ago · d5c8e1eb8b
parent f9743816a5
commit d5c8e1eb8b
2 changed files with 3 additions and 1 deletions
--- 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>
--- 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;
 }