From f04c2082ad301e2fa127eb29690b89e147aa4bc5 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sat, 30 Nov 2024 11:48:13 +0100
Subject: [PATCH] docs(Header): move dropdown out of link

---
 docs/app/components/Header.vue | 42 +++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/docs/app/components/Header.vue b/docs/app/components/Header.vue
index 6c9982ce..97fc5f71 100644
--- a/docs/app/components/Header.vue
+++ b/docs/app/components/Header.vue
@@ -22,29 +22,29 @@ defineShortcuts({
 <template>
   <UHeader :ui="{ left: 'min-w-0' }">
     <template #left>
-      <NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-[var(--ui-text-highlighted)] min-w-0 focus-visible:outline-[var(--ui-primary)]" aria-label="Nuxt UI">
+      <NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-[var(--ui-text-highlighted)] min-w-0 focus-visible:outline-[var(--ui-primary)] shrink-0" aria-label="Nuxt UI">
         <Logo class="w-auto h-6 shrink-0" />
-
-        <UDropdownMenu
-          v-slot="{ open }"
-          :modal="false"
-          :items="[{ label: `v${config.version}`, active: true, color: 'primary', checked: true, type: 'checkbox' }, { label: 'v2.19', to: 'https://ui.nuxt.com' }]"
-          :ui="{ content: 'w-(--radix-dropdown-menu-trigger-width) min-w-0' }"
-          size="xs"
-        >
-          <UButton
-            :label="`v${config.version}`"
-            variant="subtle"
-            trailing-icon="i-lucide-chevron-down"
-            size="xs"
-            class="-mb-[3px] font-semibold rounded-full truncate"
-            :class="[open && 'bg-[var(--ui-primary)]/15 ']"
-            :ui="{
-              trailingIcon: ['transition-transform duration-200', open ? 'rotate-180' : undefined].filter(Boolean).join(' ')
-            }"
-          />
-        </UDropdownMenu>
       </NuxtLink>
+
+      <UDropdownMenu
+        v-slot="{ open }"
+        :modal="false"
+        :items="[{ label: `v${config.version}`, active: true, color: 'primary', checked: true, type: 'checkbox' }, { label: 'v2.19', to: 'https://ui.nuxt.com' }]"
+        :ui="{ content: 'w-(--radix-dropdown-menu-trigger-width) min-w-0' }"
+        size="xs"
+      >
+        <UButton
+          :label="`v${config.version}`"
+          variant="subtle"
+          trailing-icon="i-lucide-chevron-down"
+          size="xs"
+          class="-mb-[6px] font-semibold rounded-full truncate"
+          :class="[open && 'bg-[var(--ui-primary)]/15 ']"
+          :ui="{
+            trailingIcon: ['transition-transform duration-200', open ? 'rotate-180' : undefined].filter(Boolean).join(' ')
+          }"
+        />
+      </UDropdownMenu>
     </template>
 
     <UNavigationMenu :items="items" variant="link" />