fix(gui): reduce view toolbar items text size

Signed-off-by: Pranav C <pranavxc@gmail.com>

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

@@ -46,7 +46,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
         <a-button type="primary" class="!rounded-md mr-1" size="medium">
           <div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold">
             <MdiAccountPlusOutline class="mr-1 nc-share-base hover:text-accent text-sm" />
-            Share
+            {{ $t('activity.share') }}
           </div>
         </a-button>
       </a-tooltip>

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

@@ -76,7 +76,7 @@ useMenuCloseOnEsc(open)
         <div class="flex items-center gap-1">
           <MdiFilterOutline />
           <!-- Filter -->
-          <span class="text-capitalize !text-sm font-weight-normal">{{ $t('activity.filter') }}</span>
+          <span class="text-capitalize !text-xs font-weight-normal">{{ $t('activity.filter') }}</span>
           <MdiMenuDown class="text-grey" />
 
           <span v-if="filtersLength" class="nc-count-badge">{{ filtersLength }}</span>

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

@@ -151,7 +151,7 @@ useMenuCloseOnEsc(open)
           <MdiEyeOffOutline />
 
           <!-- Fields -->
-          <span class="text-capitalize !text-sm font-weight-normal">{{ $t('objects.fields') }}</span>
+          <span class="text-capitalize !text-xs font-weight-normal">{{ $t('objects.fields') }}</span>
 
           <MdiMenuDown class="text-grey" />
 

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

@@ -73,7 +73,7 @@ function onPressEnter() {
     <a-input
       v-model:value="search.query"
       size="small"
-      class="max-w-[200px]"
+      class="max-w-[200px] !text-xs"
       :placeholder="$t('placeholder.filterQuery')"
       :bordered="false"
       data-testid="search-data-input"
@@ -83,3 +83,8 @@ function onPressEnter() {
     </a-input>
   </div>
 </template>
+<style scoped>
+:deep(input::placeholder){
+  @apply !text-xs
+}
+</style>

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

@@ -237,7 +237,7 @@ const copyIframeCode = async () => {
       <div class="flex items-center gap-1">
         <MdiOpenInNew />
         <!-- Share View -->
-        <span class="!text-sm font-weight-normal"> {{ $t('activity.shareView') }}</span>
+        <span class="!text-xs font-weight-normal"> {{ $t('activity.shareView') }}</span>
       </div>
     </a-button>
 

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

@@ -66,7 +66,7 @@ useMenuCloseOnEsc(open)
           <MdiSort />
 
           <!-- Sort -->
-          <span class="text-capitalize !text-sm font-weight-normal">{{ $t('activity.sort') }}</span>
+          <span class="text-capitalize !text-xs font-weight-normal">{{ $t('activity.sort') }}</span>
           <MdiMenuDown class="text-grey" />
 
           <span v-if="sorts?.length" class="nc-count-badge">{{ sorts.length }}</span>

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

@@ -94,7 +94,7 @@ useMenuCloseOnEsc(open)
         <div class="flex gap-2 items-center">
           <GeneralViewIcon :meta="selectedView"></GeneralViewIcon>
 
-          <span class="!text-sm font-weight-normal">
+          <span class="!text-xs font-weight-normal">
             <GeneralTruncateText :key="selectedView?.title">{{ selectedView?.title }}</GeneralTruncateText>
           </span>