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

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

@@ -114,12 +114,10 @@ const cerateRetirement = async (data: object) => {
   <q-dialog v-model="modal">
     <q-card style="width: 450px; max-width: 80vw">
       <q-card-section>
-        <div class="text-h6">เพิ่มประกาศ</div>
+        <h6 class="q-ma-none">เพิ่มประกาศ</h6>
+        <p class="q-mb-none">เลือกประกาศที่ต้องการเพิ่มข้อมูล</p>
       </q-card-section>
 
-      <q-card-section class="q-pt-none">
-        เลือกประกาศที่ต้องการเพิ่มข้อมูล
-      </q-card-section>
       <q-separator />
       <div class="q-pa-md">
         <q-list>
@@ -196,7 +194,8 @@ const cerateRetirement = async (data: object) => {
       <q-card-actions align="right" class="bg-white text-teal">
         <q-btn flat label="ยกเลิก" color="red" v-close-popup />
         <q-btn
-          flat
+          unelevated
+          color="teal"
           label="ตกลง"
           @click="clickSelect(action)"
           :disable="radio === '' || (action === '' && radio !== 'ADD')"