fix(nc-gui): make fullscreen btn as text btn

packages/nc-gui/components/nc/FullScreen/ToggleButton.vue

@@ -1,13 +1,4 @@
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    size?: 'small' | 'xs'
-  }>(),
-  {
-    size: 'xs',
-  },
-)
-
 const { isMobileMode } = useGlobal()
 
 const sidebarStore = useSidebarStore()
@@ -32,10 +23,10 @@ const { toggleFullScreenState } = sidebarStore
     placement="left"
   >
     <NcButton
-      :type="isFullScreen ? 'primary' : 'secondary'"
-      :size="size"
+      :type="isFullScreen ? 'primary' : 'text'"
+      size="xs"
       :class="{
-        '!px-1': size === 'xs' && !isFullScreen,
+        '!px-1': !isFullScreen,
       }"
       :icon-only="!isFullScreen"
       @click="toggleFullScreenState"

packages/nc-gui/components/smartsheet/toolbar/Calendar/ToggleSideBar.vue

@@ -12,15 +12,8 @@ const toggleSideMenu = () => {
 <template>
   <NcTooltip hide-on-click placement="left">
     <template #title> {{ $t('activity.toggleSidebar') }}</template>
-    <NcButton
-      :shadow="false"
-      data-testid="nc-calendar-side-bar-btn"
-      size="small"
-      type="secondary"
-      class="!border-0"
-      @click="toggleSideMenu"
-    >
-      <component :is="iconMap.sidebar" class="h-4 w-4 text-gray-600 transition-all" />
+    <NcButton :shadow="false" data-testid="nc-calendar-side-bar-btn" size="xs" type="text" class="!px-1" @click="toggleSideMenu">
+      <GeneralIcon icon="sidebar" class="h-4 w-4 text-nc-content-subtle2 transition-all" />
     </NcButton>
   </NcTooltip>
 </template>