From 669160904c434edfa1140a4f924faf0f866679ed Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 9 Apr 2024 10:05:29 +0700
Subject: [PATCH] fix: form top padding

---
 src/components/FormDialog.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FormDialog.vue b/src/components/FormDialog.vue
index 51e99bf7..6e69f4f3 100644
--- a/src/components/FormDialog.vue
+++ b/src/components/FormDialog.vue
@@ -65,14 +65,14 @@ const addrOptions = ref({
       <!-- form-top -->
       <div class="form-body-top" :class="{ dark: $q.dark.isActive }">
         <q-card-section class="column col-12">
-          <div class="row q-col-gutter-x-md">
+          <div class="row q-col-gutter-x-md" style="row-gap: 16px">
             <slot name="top"></slot>
           </div>
         </q-card-section>
       </div>
 
       <!-- form-mid -->
-      <div class="row" style="overflow-y: auto; max-height: 60vh">
+      <div class="row" style="overflow-y: auto; max-height: 50vh">
         <!-- prepend -->
         <q-card-section
           class="column col-4"
@@ -83,7 +83,7 @@ const addrOptions = ref({
         <!-- center -->
         <q-card-section
           class="column"
-          :class="`${$slots.prepend ? 'col-8' : 'col-6'}`"
+          :class="`${$slots.prepend ? 'col-8' : $slots.append ? 'col-6' : 'col-12'}`"
         >
           <div
             class="row inline col-12 q-col-gutter-x-md"