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,7 +90,6 @@ 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)"
@@ -102,7 +101,6 @@ useSelectedCellKeyupListener(active, (e) => {
       </Transition>
     </div>
   </div>
-  </div>
 </template>
 
 <style scoped lang="scss">

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),
       },
     ]"