Merge pull request #3133 from nocodb/fix/gui-v2-form-layout

fix(gui-v2): form layout

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

@@ -405,8 +405,10 @@ onMounted(async () => {
       </Draggable>
     </a-col>
     <a-col v-if="formViewData" :span="isEditable ? 16 : 24" class="h-full overflow-auto scrollbar-thin-primary">
-      <div class="h-[200px]">
+      <div class="h-[200px] !bg-[#dbdad7]">
-        <a-card class="h-full !bg-[#dbdad7] ma-0 rounded-b-0 pa-8" body-style="max-width: 700px; margin: 0 auto;">
+        <!-- for future implementation of cover image -->
+      </div>
+      <a-card class="h-full ma-0 rounded-b-0 pa-4" body-style="max-width: 700px; margin: 0 auto; margin-top: -200px;">
         <a-form ref="formRef" :model="formState">
           <a-card class="rounded ma-2 py-10 px-5">
             <!-- Header -->
@@ -487,12 +489,7 @@ onMounted(async () => {
                     :name="element.title"
                     :rules="[{ required: element.required, message: `${element.title} is required` }]"
                   >
-                      <SmartsheetCell
+                    <SmartsheetCell v-model="formState[element.title]" class="nc-input" :column="element" :edit-enabled="true" />
-                        v-model="formState[element.title]"
-                        class="nc-input"
-                        :column="element"
-                        :edit-enabled="true"
-                      />
                   </a-form-item>
                   <div v-if="activeRow === element.title">
                     <a-form-item class="my-0 w-1/2">
@@ -583,7 +580,6 @@ onMounted(async () => {
           </div>
         </div>
       </a-card>
-      </div>
     </a-col>
   </a-row>
 </template>