style: 💄 modify nav menu style

huyikai · Dec 8, 2023 · eebc36b · eebc36b
1 parent 39ca44b
commit eebc36b
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/example/.vitepress/theme/components/VPMenuGroup.vue b/example/.vitepress/theme/components/VPMenuGroup.vue
@@ -17,7 +17,13 @@ defineProps<{
     </p>
 
     <template v-for="item in items">
-      <div class="VPMenuGroupContainer">
+      <div
+        class="VPMenuGroupContainer"
+        :class="{
+          hasVPMenuGroupItem: 'link' in item,
+          hasVPMenuLink: !('link' in item)
+        }"
+      >
         <VPMenuLink
           v-if="'link' in item"
           :item="item"
@@ -44,7 +50,8 @@ defineProps<{
   border-left: 1px solid var(--vp-c-divider);
   margin-left: 5px;
 }
-.VPMenuGroupContainer+.VPMenuGroupContainer{
+.hasVPMenuGroupItem + .hasVPMenuLink,
+.hasVPMenuLink + .hasVPMenuGroupItem {
   padding-top: 5px;
 }