fix : changed dropdown ui for sortListMenu

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

@@ -97,7 +97,7 @@ const onArrowUp = () => {
         v-for="(option, index) in options"
         :key="index"
         v-e="['c:sort:add:column:select']"
-        class="flex flex-row h-10 items-center gap-x-1.5 px-2.5 hover:bg-gray-100 cursor-pointer nc-sort-column-search-item"
+        class="flex flex-row h-10 items-center gap-x-1.5 px-2.5 rounded-md m-1.5 hover:bg-gray-100 cursor-pointer nc-sort-column-search-item"
         :class="{
           'bg-gray-100': activeFieldIndex === index,
         }"

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

@@ -159,7 +159,15 @@ onMounted(() => {
                 v-e="['c:sort:operation:select']"
                 :value="option.value"
               >
-                <span>{{ option.text }}</span>
+                <div class="flex items-center justify-between gap-2">
+                  <div class="truncate flex-1">{{ option.text }}</div>
+                  <component
+                    v-if="sort.direction === option.value"
+                    id="selected-item-icon"
+                    class="text-primary w-5 h-5"
+                    :is="iconMap.check"
+                  />
+                </div>
               </a-select-option>
             </NcSelect>