From 6a298cfae0f49b03a07395d78d9d743b23634feb Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 31 Jul 2024 04:35:10 +0000
Subject: [PATCH] fix: info form layout

---
 src/components/02_personnel-management/InfoForm.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/02_personnel-management/InfoForm.vue b/src/components/02_personnel-management/InfoForm.vue
index af76436f..c2f5090d 100644
--- a/src/components/02_personnel-management/InfoForm.vue
+++ b/src/components/02_personnel-management/InfoForm.vue
@@ -52,22 +52,23 @@ const employeeTab = defineModel<string>('employeeTab');
     </div>
 
     <div
-      class="col full-height q-pa-md"
+      class="col full-height q-pa-md full-width"
       :class="{ row: $q.screen.gt.sm, column: $q.screen.lt.md }"
     >
-      <div class="col-md-2" v-if="$slots['person-card']">
+      <div class="col-md-2 q-mr-md" v-if="$slots['person-card']">
         <slot name="person-card"></slot>
       </div>
 
       <div
-        class="bordered surface-1 rounded scroll full-height col"
+        class="rounded scroll full-height col full-width"
         :class="{
-          'q-ml-md': $q.screen.gt.sm && $slots['person-card'],
           'q-mt-md': $q.screen.lt.md,
-          'q-pa-md': !noPaddingTab,
         }"
       >
-        <div class="row q-col-gutter-y-md">
+        <div
+          class="row q-col-gutter-y-md surface-1 rounded bordered"
+          :class="{ 'q-pa-md': !noPaddingTab }"
+        >
           <slot name="information"></slot>
           <slot name="person"></slot>
           <slot name="address" v-if="!noAddress">