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

brc-dd · web-flow · commit 6218b108bc78 · 2023-02-25T19:05:03.000+05:30
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;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -37,5 +37,6 @@ const isExternal = computed(() => props.href && EXTERNAL_URL_RE.test(props.href)`
`37`	`37`	`height: 11px;`
`38`	`38`	`fill: var(--vp-c-text-3);`
`39`	`39`	`transition: fill 0.25s;`
	`40`	`+ flex-shrink: 0;`
`40`	`41`	`}`
`41`	`42`	`</style>`