fix(revit-mapper): revit integration buttons

components/header/UserMenu.vue

@@ -37,6 +37,18 @@
             </div>
           </MenuItem>
           <div class="border-t border-outline-3 mt-1">
+            <MenuItem v-if="app.$revitMapperBinding" v-slot="{ active }">
+              <button
+                type="button"
+                :class="[
+                  active ? 'bg-highlight-1' : '',
+                  'my-1 text-body-2xs flex px-2 py-1 text-foreground cursor-pointer transition mx-1 rounded'
+                ]"
+                @click="$router.push('/revit-mapper')"
+              >
+                Revit integration
+              </button>
+            </MenuItem>
             <MenuItem
               v-slot="{ active }"
               @click="
@@ -109,6 +121,8 @@ import { XMarkIcon, Bars3Icon } from '@heroicons/vue/20/solid'
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 import { useConfigStore } from '~/store/config'
 
+const app = useNuxtApp()
+
 const uiConfigStore = useConfigStore()
 const { isDarkTheme, hasConfigBindings, isDevMode } = storeToRefs(uiConfigStore)
 const { toggleTheme } = uiConfigStore

pages/index.vue

@@ -59,18 +59,6 @@
                   </FormButton>
                 </div>
               </div>
-              <!--Revit Integration button (only if mapper binding exists)-->
-              <div v-if="app.$revitMapperBinding" class="mt-4">
-                <hr class="border-outline-2 mb-4" />
-                <FormButton
-                  v-tippy="'Map objects to Revit categories'"
-                  color="outline"
-                  full-width
-                  @click="$router.push('/revit-mapper')"
-                >
-                  Revit Integration
-                </FormButton>
-              </div>
             </div>
             <div v-else>
               <div v-if="store.documentInfo?.message" class="text-foreground-2">
@@ -108,6 +96,7 @@
                   Getting started
                 </FormButton>
               </div>
+
               <!-- 
               <FormButton
                 text
@@ -126,6 +115,19 @@
                 </span>
               </FormButton> -->
             </div>
+            <!--Revit Integration button (only if mapper binding exists)-->
+            <div v-if="app.$revitMapperBinding" class="mt-2">
+              <hr class="border-outline-2 mb-2" />
+              <FormButton
+                v-tippy="'Map objects to Revit categories'"
+                size="sm"
+                color="outline"
+                full-width
+                @click="$router.push('/revit-mapper')"
+              >
+                Revit Integration
+              </FormButton>
+            </div>
           </LayoutPanel>
         </div>
         <div v-if="accounts.length !== 0 && !hasNoModelCards" class="space-y-2 pb-24">