fix: resize text area wrapper div

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

@@ -80,7 +80,7 @@ useSelectedCellKeyupListener(active, (e) => {
 
 <template>
   <div
-    class="flex cursor-pointer w-full h-full"
+    class="flex cursor-pointer w-full h-full items-center"
     :class="{
       'justify-center': !isForm || !isGallery,
       'w-full flex-start': isForm || isGallery,
@@ -90,17 +90,15 @@ useSelectedCellKeyupListener(active, (e) => {
     @click="onClick(false, $event)"
   >
     <div class="items-center" :class="{ 'w-full justify-start': isEditColumnMenu || isGallery || isForm }" @click="onClick(true)">
-      <div :class="{ 'bg-gray-100 rounded-full ': !vModel }">
-        <Transition name="layout" mode="out-in" :duration="100">
-          <component
-            :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
-            class="nc-checkbox"
-            :style="{
-              color: checkboxMeta.color,
-            }"
-          />
-        </Transition>
-      </div>
+      <Transition name="layout" mode="out-in" :duration="100">
+        <component
+          :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
+          class="nc-checkbox"
+          :style="{
+            color: checkboxMeta.color,
+          }"
+        />
+      </Transition>
     </div>
   </div>
 </template>

packages/nc-gui/components/smartsheet/Cell.vue

@@ -211,7 +211,7 @@ onUnmounted(() => {
         'nc-grid-numeric-cell-right': isGrid && isNumericField && !isEditColumnMenu && !isForm && !isExpandedFormOpen,
         'h-10': isForm && !isSurveyForm && !isAttachment(column) && !props.virtual,
         'nc-grid-numeric-cell-left': (isForm && isNumericField && isExpandedFormOpen) || isEditColumnMenu,
-        '!min-h-40': isTextArea(column) && props.editEnabled,
+        '!min-h-40 resize-y': isTextArea(column) && props.editEnabled,
         '!border-2': props.editEnabled && (isSurveyForm || isForm),
       },
     ]"