fix : fixed dropdown ui for search data

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

@@ -107,17 +107,23 @@ watch(columns, () => {
         :open="isDropdownOpen"
         size="small"
         :dropdown-match-select-width="false"
-        dropdown-class-name="!rounded-lg nc-dropdown-toolbar-search-field-option w-48"
+        dropdown-class-name="!rounded-lg nc-dropdown-toolbar-search-field-option w-64"
         class="py-1 !absolute top-0 left-0 w-full h-full z-10 text-xs opacity-0"
         @change="onPressEnter"
       >
-        <a-select-option v-for="op of columns" :key="op.value" v-e="['c:search:field:select']" :value="op.value">
-          <div class="text-[0.75rem] flex items-center -ml-1 gap-2">
+        <a-select-option v-for="op of columns" :key="op.value" v-e="['c:search:field:select']" :value="op.value" class="mx-1.5">
+          <div class="text-[0.75rem] flex items-center gap-2">
             <SmartsheetHeaderIcon class="text-sm" :column="op.column" />
-            <NcTooltip class="truncate" placement="top" show-on-truncate-only>
+            <NcTooltip class="truncate flex-1" placement="top" show-on-truncate-only>
               <template #title>{{ op.label }}</template>
-              <template #default>{{ op.label }}</template>
+              {{ op.label }}
             </NcTooltip>
+            <component
+              v-if="search.field === op.value"
+              id="selected-item-icon"
+              class="text-primary w-4 h-4"
+              :is="iconMap.check"
+            />
           </div>
         </a-select-option>
       </a-select>
@@ -141,7 +147,7 @@ watch(columns, () => {
 <style lang="scss">
 .nc-dropdown-toolbar-search-field-option {
   .ant-select-item-option {
-    @apply !py-2 px-4;
+    @apply p-2;
   }
 }
 </style>