fix(nc-gui): keep header cell icon size consistent

packages/nc-gui/assets/style.scss

@@ -714,7 +714,7 @@ input[type='number'] {
   }
 
   .nc-sidebar-node-btn:not(.nc-sidebar-expand) {
-    @apply !xs:(hidden)
+    @apply !xs:(hidden);
   }
 }
 
@@ -727,13 +727,18 @@ input[type='number'] {
   @apply xs:(opacity-100 hover:bg-gray-50);
 
   .nc-icon {
-    @apply xs:(visible opacity-100 !text-gray-500)
+    @apply xs:(visible opacity-100 !text-gray-500);
   }
 }
 
 .ant-message-notice-content {
   @apply !rounded-md;
   .ant-message-custom-content{
-    @apply flex items-center
+    @apply flex items-center;
   }
-}
+}
+
+svg.nc-cell-icon, svg.nc-virtual-cell-icon {
+  @apply w-1em h-1em flex-none;
+  font-size: 1rem;
+}

packages/nc-gui/components/smartsheet/expanded-form/index.vue

@@ -698,7 +698,7 @@ export default {
                     :ref="i ? null : (el: any) => (cellWrapperEl = el)"
                     class="bg-white w-80 xs:w-full px-1 sm:min-h-[35px] xs:min-h-13 flex items-center relative"
                     :class="{
-                      '!bg-gray-50 !px-0 !select-text nc-system-field': isReadOnlyVirtualCell(col),
+                      '!bg-gray-50 !select-text nc-system-field': isReadOnlyVirtualCell(col),
                     }"
                   >
                     <LazySmartsheetVirtualCell

packages/nc-gui/components/smartsheet/header/CellIcon.ts

@@ -125,7 +125,7 @@ export default defineComponent({
       if (!column.value && !columnMeta.value) return null
 
       return h(renderIcon((columnMeta.value ?? column.value)!, abstractType.value), {
-        class: 'text-inherit mx-1',
+        class: 'text-inherit mx-1 nc-cell-icon',
       })
     }
   },

packages/nc-gui/components/smartsheet/header/VirtualCellIcon.ts

@@ -104,7 +104,7 @@ export default defineComponent({
 
       const { icon: Icon, color } = renderIcon(column.value, relationColumn)
 
-      return h(Icon, { class: `${color} mx-1` })
+      return h(Icon, { class: `${color} mx-1 nc-virtual-cell-icon` })
     }
   },
 })