From c158ae8100ec94c6e1d3b93c0df0b43100671570 Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Fri, 14 Apr 2023 13:53:35 +0530
Subject: [PATCH] fix(ui): Square AttachImage with 2 row span

---
 src/components/Controls/AttachImage.vue    | 22 +++++++++++-----------
 src/pages/CommonForm/CommonFormSection.vue |  2 ++
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Controls/AttachImage.vue b/src/components/Controls/AttachImage.vue
index adde039d..1c275592 100644
--- a/src/components/Controls/AttachImage.vue
+++ b/src/components/Controls/AttachImage.vue
@@ -1,19 +1,13 @@
 <template>
   <div
-    class="
-      relative
-      bg-white
-      border
-      rounded-full
-      flex-center
-      overflow-hidden
-      group
-    "
+    class="relative bg-white border flex-center overflow-hidden group"
     :class="{
-      'w-20 h-20': size !== 'small',
-      'w-12 h-12': size === 'small',
+      'rounded': size === 'form',
+      'w-20 h-20 rounded-full': size !== 'small' && size !== 'form',
+      'w-12 h-12 rounded-full': size === 'small',
     }"
     :title="df?.label"
+    :style="imageSizeStyle"
   >
     <img :src="value" v-if="value" />
     <div :class="[!isReadOnly ? 'group-hover:opacity-90' : '']" v-else>
@@ -113,6 +107,12 @@ export default defineComponent({
     },
   },
   computed: {
+    imageSizeStyle() {
+      if (this.size === 'form') {
+        return { width: '135px', height: '135px' };
+      }
+      return {};
+    },
     shouldClear() {
       return !!this.value;
     },
diff --git a/src/pages/CommonForm/CommonFormSection.vue b/src/pages/CommonForm/CommonFormSection.vue
index 4db0e02d..7dc7feef 100644
--- a/src/pages/CommonForm/CommonFormSection.vue
+++ b/src/pages/CommonForm/CommonFormSection.vue
@@ -21,11 +21,13 @@
         :key="field.fieldname"
         :class="[
           field.fieldtype === 'Table' ? 'col-span-2 text-base' : '',
+          field.fieldtype === 'AttachImage' ? 'row-span-2' : '',
           field.fieldtype === 'Check' ? 'mt-auto' : 'mb-auto',
         ]"
       >
         <FormControl
           :ref="field.fieldname === 'name' ? 'nameField' : 'fields'"
+          :size="field.fieldtype === 'AttachImage' ? 'form' : undefined"
           :show-label="true"
           :border="true"
           :df="field"