refactor(header): move main menu to more menu

Akryum · Akryum · commit fd93c13d0c9f · 2020-12-18T19:27:18.000+01:00
diff --git a/packages/app-frontend/src/features/header/AppHeader.vue b/packages/app-frontend/src/features/header/AppHeader.vue
@@ -149,6 +149,22 @@ export default {
         >
           Global settings...
         </VueDropdownButton>
+
+        <div class="border-t border-gray-200 dark:border-gray-900 my-1" />
+
+        <VueDropdownButton
+          href="https://new-issue.vuejs.org/?repo=vuejs/vue-devtools"
+          target="_blank"
+        >
+          Report a bug
+        </VueDropdownButton>
+
+        <VueDropdownButton
+          href="https://github.com/vuejs/vue-devtools/releases"
+          target="_blank"
+        >
+          Full changelog
+        </VueDropdownButton>
       </VueDropdown>
     </div>
   </div>
diff --git a/packages/app-frontend/src/features/header/AppMainMenu.vue b/packages/app-frontend/src/features/header/AppMainMenu.vue
@@ -16,43 +16,17 @@ export default {
 
 <template>
   <div class="relative">
-    <VueDropdown
-      offset="0"
+    <VueButton
+      href="https://headwayapp.co/vue-js-devtools-changelog"
+      target="_blank"
+      class="flat logo-button"
     >
-      <template #trigger>
-        <VueButton
-          class="flat logo-button"
-        >
-          <img
-            src="~@front/assets/vue-logo.svg"
-            alt="Vue logo"
-            class="w-10 h-10"
-          >
-        </VueButton>
-      </template>
-
-      <VueDropdownButton
-        :to="{
-          name: 'global-settings'
-        }"
-      >
-        Settings
-      </VueDropdownButton>
-
-      <VueDropdownButton
-        href="https://new-issue.vuejs.org/?repo=vuejs/vue-devtools"
-        target="_blank"
-      >
-        Report a bug
-      </VueDropdownButton>
-
-      <VueDropdownButton
-        href="https://github.com/vuejs/vue-devtools/releases"
-        target="_blank"
+      <img
+        src="~@front/assets/vue-logo.svg"
+        alt="Vue logo"
+        class="w-10 h-10"
       >
-        Full changelog
-      </VueDropdownButton>
-    </VueDropdown>
+    </VueButton>
 
     <div class="changelog-button" />
   </div>
