From faa228c3d3c43317bc9ee29cd7591ebc2223e5d0 Mon Sep 17 00:00:00 2001
From: huan_kong <2564076459@qq.com>
Date: Sun, 16 Jul 2023 10:19:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=93=E8=A7=A3Nav=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E7=9A=84=E6=8D=A2=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../theme/src/client/components/AutoLink.vue  | 13 ++++-------
 .../src/client/components/Flyout/index.vue    | 22 +++++--------------
 2 files changed, 10 insertions(+), 25 deletions(-)

diff --git a/packages/theme/src/client/components/AutoLink.vue b/packages/theme/src/client/components/AutoLink.vue
index 319d6742..f0cbf4e3 100644
--- a/packages/theme/src/client/components/AutoLink.vue
+++ b/packages/theme/src/client/components/AutoLink.vue
@@ -30,15 +30,9 @@ const linkTo = (e: Event) => {
 </script>
 
 <template>
-  <Component
-    :is="tag"
-    class="auto-link"
-    :class="{ link: href }"
-    :href="href ? normalizeLink(href) : undefined"
-    :target="target || (isExternal ? '_blank' : undefined)"
-    :rel="rel || (isExternal ? 'noreferrer' : undefined)"
-    @click="linkTo($event)"
-  >
+  <Component :is="tag" class="auto-link" :class="{ link: href }" :href="href ? normalizeLink(href) : undefined"
+    :target="target || (isExternal ? '_blank' : undefined)" :rel="rel || (isExternal ? 'noreferrer' : undefined)"
+    @click="linkTo($event)">
     <slot />
     <IconExternalLink v-if="isExternal && !noIcon" class="icon" />
   </Component>
@@ -58,5 +52,6 @@ const linkTo = (e: Event) => {
 .auto-link :deep(i) {
   font-style: normal;
   font-weight: inherit;
+  line-height: normal;
 }
 </style>
diff --git a/packages/theme/src/client/components/Flyout/index.vue b/packages/theme/src/client/components/Flyout/index.vue
index 116895a4..e419c8d2 100644
--- a/packages/theme/src/client/components/Flyout/index.vue
+++ b/packages/theme/src/client/components/Flyout/index.vue
@@ -31,20 +31,9 @@ export default {
 </script>
 
 <template>
-  <div
-    ref="el"
-    class="flyout-wrapper"
-    @mouseenter="open = true"
-    @mouseleave="open = false"
-  >
-    <button
-      type="button"
-      class="button"
-      aria-haspopup="true"
-      :aria-expanded="open"
-      :aria-label="label"
-      @click="open = !open"
-    >
+  <div ref="el" class="flyout-wrapper" @mouseenter="open = true" @mouseleave="open = false">
+    <button type="button" class="button" aria-haspopup="true" :aria-expanded="open" :aria-label="label"
+      @click="open = !open">
       <span v-if="button || icon" class="text">
         <Icon v-if="prefixIcon" :name="prefixIcon" />
         <Component :is="icon" v-if="icon" class="option-icon" />
@@ -90,7 +79,7 @@ export default {
 }
 
 .flyout-wrapper:hover .menu,
-.button[aria-expanded='true'] + .menu {
+.button[aria-expanded='true']+.menu {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
@@ -108,7 +97,8 @@ export default {
 .text {
   display: flex;
   align-items: center;
-  line-height: var(--vp-nav-height);
+  /* line-height: var(--vp-nav-height); */
+  line-height: normal;
   font-size: 14px;
   font-weight: 500;
   color: var(--vp-c-text-1);