From fdab487ecf9d8ba470e6fe9f84e0042315d7fe6c Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 15 Sep 2022 15:15:48 +0200
Subject: [PATCH] chore(nc-gui): add cell type class to cell el

---
 packages/nc-gui/components/smartsheet/Cell.vue       |  4 +---
 .../[projectType]/form/[viewId]/index/survey.vue     | 12 ++++++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index 45fc65ac4f..a656b6606b 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/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
diff --git a/packages/nc-gui/pages/[projectType]/form/[viewId]/index/survey.vue b/packages/nc-gui/pages/[projectType]/form/[viewId]/index/survey.vue
index 8ebbe943c6..2bd990c4cd 100644
--- a/packages/nc-gui/pages/[projectType]/form/[viewId]/index/survey.vue
+++ b/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>