แก้ layout โครงสร้างและปรับการแสดงผลผังเงินเดือน

src/modules/02_organizationalNew/components/DialogSuccession.vue

@@ -215,8 +215,8 @@ function clearForm() {
 </script>
 
 <template>
-  <q-dialog v-model="modal" full-width persistent>
-    <q-card>
+  <q-dialog v-model="modal" full-width full-height persistent>
+    <q-card class="column full-height">
       <Header
         :tittle="'เลือกตำแหน่งที่ต้องการสืบทอดจากโครงสร้างปัจจุบัน'"
         :close="
@@ -227,12 +227,12 @@ function clearForm() {
       />
       <q-separator />
 
-      <q-card-section class="q-pt-none q-pa-md">
+      <q-card-section class="q-pt-none q-pa-md bg-grey-2">
         <div class="row q-col-gutter-md">
           <q-card
             bordered
             class="col-12 col-sm-4 scroll q-pa-sm"
-            style="max-height: 70vh"
+            style="height: 750px"
           >
             <q-toolbar style="padding: 0">
               <q-toolbar-title class="text-subtitle2 text-bold"
@@ -392,6 +392,8 @@ function clearForm() {
         </div>
       </q-card-section>
 
+      <q-separator />
+
       <q-card-actions align="right" class="bg-white text-teal">
         <q-btn label="สืบทอดตำแหน่ง" color="public" @click="onClickConfirm" />
       </q-card-actions>