ปรับไอคอน ยกเลิกหรือกลับ อยู่ทางซ้ายหน้า รายละเอียดข้อมูลส่วนตัวของผู้สอบผ่าน

src/modules/05_placement/components/PersonalDetail/Information/top.vue

@@ -87,31 +87,80 @@ const add = () => {
 <template>
   <div class="flex items-center">
     <div class="flex items-center">
-      <q-icon :name="icon" size="1.5em" color="grey-5" class="q-mr-md" v-if="icon != ''" />
-      <div class="text-bold text-subtitle2 col-12 row items-center" v-if="header != ''">
+      <q-icon
+        :name="icon"
+        size="1.5em"
+        color="grey-5"
+        class="q-mr-md"
+        v-if="icon != ''"
+      />
+      <div
+        class="text-bold text-subtitle2 col-12 row items-center"
+        v-if="header != ''"
+      >
         {{ header }}
       </div>
     </div>
     <div class="q-gutter-sm q-mx-sm" v-if="addData == false">
-      <q-btn size="12px" v-if="!edit" flat round :disabled="disable" :color="edit ? 'grey-7' : 'primary'"
-        @click="ClickEdit" icon="mdi-pencil-outline">
+      <q-btn
+        size="12px"
+        v-if="!edit"
+        flat
+        round
+        :disabled="disable"
+        :color="edit ? 'grey-7' : 'primary'"
+        @click="ClickEdit"
+        icon="mdi-pencil-outline"
+      >
         <q-tooltip>แก้ไขข้อมูล</q-tooltip>
       </q-btn>
-      <q-btn size="12px" flat round v-if="edit" :color="!edit ? 'grey-7' : 'public'" @click="save"
-        icon="mdi-content-save-outline">
-        <q-tooltip>บันทึกข้อมูล</q-tooltip>
-      </q-btn>
-      <q-btn size="12px" flat round v-if="edit" :color="!edit ? 'grey-7' : 'red'" @click="ClickCancel" icon="mdi-undo">
+      <q-btn
+        size="12px"
+        flat
+        round
+        v-if="edit"
+        :color="!edit ? 'grey-7' : 'red'"
+        @click="ClickCancel"
+        icon="mdi-undo"
+      >
         <q-tooltip>ยกเลิก</q-tooltip>
       </q-btn>
+      <q-btn
+        size="12px"
+        flat
+        round
+        v-if="edit"
+        :color="!edit ? 'grey-7' : 'public'"
+        @click="save"
+        icon="mdi-content-save-outline"
+      >
+        <q-tooltip>บันทึกข้อมูล</q-tooltip>
+      </q-btn>
     </div>
     <div class="q-pl-sm" v-else>
-      <q-btn size="12px" flat round :disabled="disable" color="add" @click="add" icon="mdi-plus">
+      <q-btn
+        size="12px"
+        flat
+        round
+        :disabled="disable"
+        color="add"
+        @click="add"
+        icon="mdi-plus"
+      >
         <q-tooltip>เพิ่มข้อมูล</q-tooltip>
       </q-btn>
     </div>
     <q-space />
-    <q-btn color="info" flat dense round size="14px" icon="mdi-history" v-if="history" @click="historyClick">
+    <q-btn
+      color="info"
+      flat
+      dense
+      round
+      size="14px"
+      icon="mdi-history"
+      v-if="history"
+      @click="historyClick"
+    >
       <q-tooltip>ประวัติ{{ header }}</q-tooltip>
     </q-btn>
   </div>