แก้ dialog ประกาศเกษียณ

src/modules/06_retirement/components/ListRetirement/TableList.vue

@@ -740,13 +740,14 @@ function updatemodalPersonal(modal: boolean) {
     <q-card style="width: 50vw">
       <DialogHeader tittle="กรอกเหตุผล" :close="closeDialog" />
       <q-separator />
-      <q-card-section class="q-pt-none bg-grey-1">
+      <q-card-section>
         <div class="row q-col-gutter-sm">
           <div class="col-12">
             <q-input
               outlined
               dense
               lazy-rules
+              hide-bottom-space
               v-model="note"
               :rules="[(val) => !!val || 'กรุณากรอกเหตุผล']"
               :label="`${'กรอกเหตุผล'}`"
@@ -756,9 +757,12 @@ function updatemodalPersonal(modal: boolean) {
         </div>
       </q-card-section>
 
+      <q-separator />
+
       <q-card-actions align="right">
         <q-btn
           v-if="action === 'delete'"
+          unelevated
           label="บันทึก"
           color="secondary"
           :disable="visibleNote"
@@ -766,6 +770,7 @@ function updatemodalPersonal(modal: boolean) {
         />
         <q-btn
           v-else
+          unelevated
           label="บักทึก"
           color="secondary"
           @click="saveNote"
@@ -782,9 +787,10 @@ function updatemodalPersonal(modal: boolean) {
       <q-separator />
       <q-card-section>
         <q-form ref="myForm">
-          <div class="row q-pa-md q-gutter-md">
-            <div class="col-12">
+          <div class="row q-gutter-md">
+            <div class="col-12 q-pr-md">
               <q-file
+                hide-bottom-space
                 bg-color="white"
                 clearable
                 outlined
@@ -801,7 +807,7 @@ function updatemodalPersonal(modal: boolean) {
                 </template>
               </q-file>
             </div>
-            <div class="col-12">
+            <div class="col-12 q-pr-md">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="signDate"
@@ -836,13 +842,14 @@ function updatemodalPersonal(modal: boolean) {
           </div>
         </q-form>
       </q-card-section>
+
       <q-separator />
+
       <q-card-actions align="right">
         <q-btn
-          flat
-          round
+          unelevated
+          label="บันทึก"
           color="public"
-          icon="mdi-content-save-outline"
           @click="uploadFile(fileUpload, signDate)"
         >
           <q-tooltip>บันทึก</q-tooltip>