feat: Integrated OpenLeftSidebarBtn icon with mobile view and view info with mobile

packages/nc-gui/components/general/OpenLeftSidebarBtn.vue

@@ -2,6 +2,8 @@
 const { isLeftSidebarOpen: _isLeftSidebarOpen } = storeToRefs(useSidebarStore())
 const isLeftSidebarOpen = ref(_isLeftSidebarOpen.value)
 
+const { isMobileMode } = useGlobal()
+
 watch(_isLeftSidebarOpen, (val) => {
   if (val) {
     isLeftSidebarOpen.value = true
@@ -37,7 +39,7 @@ const onClick = () => {
       }}
     </template>
     <NcButton
-      type="text"
+      :type="isMobileMode ? 'secondary' : 'text'"
       size="small"
       class="nc-sidebar-left-toggle-icon !text-gray-600 !hover:text-gray-800"
       :class="{
@@ -46,7 +48,8 @@ const onClick = () => {
       @click="onClick"
     >
       <div class="flex items-center text-inherit">
-        <GeneralIcon icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" />
+        <GeneralIcon v-if="isMobileMode" icon="menu" />
+        <GeneralIcon v-else icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" />
       </div>
     </NcButton>
   </NcTooltip>

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

@@ -14,7 +14,7 @@ const { activeTable } = storeToRefs(useTablesStore())
     :class="{
       'min-w-2/5 max-w-2/5': !isMobileMode && activeView?.type !== ViewTypes.KANBAN,
       'min-w-1/4 max-w-1/4': !isMobileMode && activeView?.type === ViewTypes.KANBAN,
-      'min-w-1/2 max-w-1/2': isMobileMode,
+      'min-w-1/2 max-w-1/2 text-base': isMobileMode,
     }"
   >
     <template v-if="!(isMobileMode && !activeView?.is_default)">

packages/nc-gui/utils/iconUtils.ts

@@ -398,6 +398,7 @@ export const iconMap = {
   drag: MaterialSymbolsDragIndicator,
   comment: h('span', { class: 'material-symbols' }, 'comment'),
   doc: h('span', { class: 'material-symbols' }, 'menu_book'),
+  menu: h('span', { class: 'material-symbols' }, 'menu'),
   move: MsMove,
   creditCard: NcCreditCard,
   heightShort: NcIconsRowHeightShort,