chore(nc-gui): add cell type class to cell el

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

@@ -38,8 +38,6 @@ const column = toRef(props, 'column')
 
 const active = toRef(props, 'active', false)
 
-const virtual = toRef(props, 'virtual', false)
-
 const readOnly = toRef(props, 'readOnly', undefined)
 
 provide(ColumnInj, column)
@@ -139,7 +137,7 @@ const syncAndNavigate = (dir: NavigateDir) => {
 <template>
   <div
     class="nc-cell w-full h-full"
-    :class="{ 'text-blue-600': isPrimary && !virtual && !isForm }"
+    :class="[`nc-cell-${(column?.uidt || 'default').toLowerCase()}`, { 'text-blue-600': isPrimary && !virtual && !isForm }]"
     @keydown.stop.left
     @keydown.stop.right
     @keydown.stop.up

packages/nc-gui/pages/[projectType]/form/[viewId]/index/survey.vue

@@ -78,9 +78,9 @@ useEventListener(
     <div
       ref="el"
       :key="field.title"
-      class="bg-white relative flex flex-col justify-center gap-2 w-full lg:max-w-1/2 max-w-500px m-auto px-8 py-4 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
+      class="bg-white relative flex flex-col justify-center gap-4 w-full lg:max-w-1/2 max-w-500px m-auto px-8 pt-8 pb-1 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
     >
-      <div v-if="field" class="flex flex-col my-6 gap-2">
+      <div v-if="field" class="flex flex-col gap-2">
         <div class="flex nc-form-column-label">
           <SmartsheetHeaderVirtualCell
             v-if="isVirtualCol(field)"
@@ -97,7 +97,7 @@ useEventListener(
           />
         </div>
 
-        <div v-if="isVirtualCol(field)" class="mt-0">
+        <div v-if="isVirtualCol(field)">
           <SmartsheetVirtualCell
             class="mt-0 nc-input"
             :class="`nc-form-input-${field.title.replaceAll(' ', '')}`"
@@ -113,7 +113,7 @@ useEventListener(
           </template>
         </div>
 
-        <div v-else class="mt-0">
+        <div v-else>
           <SmartsheetCell
             v-model="formState[field.title]"
             class="nc-input"
@@ -155,4 +155,8 @@ useEventListener(
 :global(html, body) {
   @apply overscroll-x-none;
 }
+
+:deep(.nc-cell-attachment) {
+  @apply h-1/3 min-h-[100px];
+}
 </style>