fix(nc-gui): textarea height issue in form view

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

@@ -226,7 +226,7 @@ watch(inputWrapperRef, () => {
         v-else-if="editEnabled && !isVisible"
         :ref="focus"
         v-model="vModel"
-        rows="4"
+        :rows="isForm ? 5 : 4"
         class="h-full w-full outline-none border-none nc-scrollbar-lg"
         :class="{
           'p-2': editEnabled,
@@ -234,7 +234,7 @@ watch(inputWrapperRef, () => {
           'px-2': isExpandedFormOpen,
         }"
         :style="{
-          minHeight: `${height}px`,
+          minHeight: isForm ? '117px' : `${height}px`,
         }"
         :placeholder="isEditColumn ? $t('labels.optional') : ''"
         :disabled="readOnly"
@@ -270,7 +270,7 @@ watch(inputWrapperRef, () => {
       <NcTooltip
         v-if="!isVisible"
         placement="bottom"
-        class="!absolute right-0 hidden nc-text-area-expand-btn group-hover:block z-3"
+        class="!absolute right-1 hidden nc-text-area-expand-btn group-hover:block z-3"
         :class="isExpandedFormOpen || isForm ? 'top-1' : 'bottom-1'"
       >
         <template #title>{{ $t('title.expand') }}</template>

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

@@ -204,7 +204,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-30 resize-y': isTextArea(column) && (isForm || isSurveyForm),
+        '!min-h-30': isTextArea(column) && (isForm || isSurveyForm),
       },
     ]"
     class="nc-cell w-full h-full relative"

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

@@ -1179,7 +1179,7 @@ useEventListener(
 }
 
 .nc-input {
-  @apply appearance-none w-full !bg-white rounded-lg px-2 py-2 border-solid border-1 border-gray-200 focus-within:border-brand-500;
+  @apply appearance-none w-full !bg-white rounded-lg border-solid border-1 border-gray-200 focus-within:border-brand-500;
   &.nc-cell-rating,
   &.nc-cell-geodata {
     @apply !py-1;
@@ -1188,6 +1188,12 @@ useEventListener(
   :deep(input) {
     @apply !px-1;
   }
+  &.nc-cell-longtext {
+    @apply p-0 h-auto;
+  }
+  &:not(.nc-cell-longtext) {
+    @apply px-2 py-2;
+  }
 }
 
 .form-meta-input {