fix: checkbox alignment

packages/nc-gui/components/cell/Checkbox.vue

@@ -2,6 +2,7 @@
 import {
   ActiveCellInj,
   ColumnInj,
+  EditColumnInj,
   IsFormInj,
   ReadonlyInj,
   getMdiIcon,
@@ -33,6 +34,8 @@ const column = inject(ColumnInj)
 
 const isForm = inject(IsFormInj)
 
+const isEditColumnMenu = inject(EditColumnInj, ref(false))
+
 const readOnly = inject(ReadonlyInj)
 
 const checkboxMeta = computed(() => {
@@ -84,17 +87,22 @@ useSelectedCellKeyupListener(active, (e) => {
     }"
     @click="onClick(false, $event)"
   >
-    <div class="p-1 rounded-full items-center" :class="{ 'bg-gray-100': !vModel, '!ml-[-8px]': readOnly }">
+    <div
-      <Transition name="layout" mode="out-in" :duration="100">
+      class="items-center"
-        <component
+      :class="{ '!ml-[-8px]': readOnly, 'w-full justify-start': isEditColumnMenu }"
-          :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
+      @click="onClick(true)"
-          class="nc-checkbox"
+    >
-          :style="{
+      <div class="p-1" :class="{ 'bg-gray-100 rounded-full ': !vModel }">
-            color: checkboxMeta.color,
+        <Transition name="layout" mode="out-in" :duration="100">
-          }"
+          <component
-          @click="onClick(true)"
+            :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
-        />
+            class="nc-checkbox"
-      </Transition>
+            :style="{
+              color: checkboxMeta.color,
+            }"
+          />
+        </Transition>
+      </div>
     </div>
   </div>
 </template>