fix(nc-gui): adjustable expanded long text modal input height

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

@@ -257,7 +257,7 @@ watch(editEnabled, () => {
       <div
         v-if="isVisible"
         ref="inputWrapperRef"
-        class="flex flex-col min-w-200 min-h-70 py-3 expanded-cell-input relative"
+        class="flex flex-col min-w-200 max-w-screen-xl min-h-70 max-h-[864px] py-3 expanded-cell-input relative"
         :class="{
           'cursor-move': isDragging,
         }"
@@ -277,18 +277,18 @@ watch(editEnabled, () => {
             </span>
           </div>
         </div>
-        <a-textarea
+        <div v-if="!isRichMode" class="p-2 pb-0 h-full">
-          v-if="!isRichMode"
+          <a-textarea
-          ref="inputRef"
+            ref="inputRef"
-          v-model:value="vModel"
+            v-model:value="vModel"
-          class="p-1 !pt-1 !pr-3 !border-0 !border-r-0 !focus:outline-transparent nc-scrollbar-md !text-black !cursor-text"
+            class="p-1 !pt-1 !pr-3 !text-black !cursor-text !min-h-[215px] max-h-[800px] !rounded-lg focus:border-brand-500"
-          :placeholder="$t('activity.enterText')"
+            :placeholder="$t('activity.enterText')"
-          :bordered="false"
+            :style="{ resize: 'vertical' }"
-          :auto-size="{ minRows: 20, maxRows: 20 }"
+            :disabled="readOnly"
-          :disabled="readOnly"
+            @keydown.stop
-          @keydown.stop
+            @keydown.escape="isVisible = false"
-          @keydown.escape="isVisible = false"
+          />
-        />
+        </div>
 
         <LazyCellRichText v-else-if="isVisible" v-model:value="vModel" show-menu full-mode :read-only="readOnly" />
       </div>