mobile optimisations - hide more elements when in mobile mode

packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue

@@ -23,6 +23,8 @@ const { t } = useI18n()
 
 const sharedViewListDlg = ref(false)
 
+const { isMobileMode } = useGlobal()
+
 const isPublicView = inject(IsPublicInj, ref(false))
 
 const isView = false
@@ -199,7 +201,7 @@ useMenuCloseOnEsc(open)
               </div>
             </a-menu-item>
 
-            <a-menu-item v-if="!isSqlView">
+            <a-menu-item v-if="!isSqlView && !isMobileMode">
               <div
                 v-if="isUIAllowed('webhook') && !isView && !isPublicView"
                 v-e="['c:actions:webhook']"
@@ -211,7 +213,7 @@ useMenuCloseOnEsc(open)
               </div>
             </a-menu-item>
 
-            <a-menu-item v-if="!isSharedBase && !isPublicView">
+            <a-menu-item v-if="!isSharedBase && !isPublicView && !isMobileMode">
               <div v-e="['c:snippet:open']" class="py-2 flex gap-2 items-center" @click="showApiSnippetDrawer = true">
                 <MdiXml class="text-gray-500" />
                 <!-- Get API Snippet -->
@@ -220,7 +222,7 @@ useMenuCloseOnEsc(open)
             </a-menu-item>
 
             <a-menu-item>
-              <div v-e="['c:erd:open']" class="py-2 flex gap-2 items-center nc-view-action-erd" @click="showErd = true">
+              <div v-if="!isMobileMode" v-e="['c:erd:open']" class="py-2 flex gap-2 items-center nc-view-action-erd" @click="showErd = true">
                 <MaterialSymbolsAccountTreeRounded class="text-gray-500" />
                 {{ $t('title.erdView') }}
               </div>