ปรับรูปแบบฟอร์ม ปุ่ม ในระบบบริการเจ้าของข้อมูล

src/modules/08_KPI/views/main.vue

@@ -383,7 +383,7 @@ onMounted(() => {
 <template>
   <div class="col-12 row justify-center">
     <div class="col-xs-12 col-sm-12 col-md-11">
-      <q-toolbar style="padding: 0px">
+      <div class="toptitle text-white col-12 row items-center">
         <q-btn
           icon="mdi-arrow-left"
           unelevated
@@ -394,11 +394,8 @@ onMounted(() => {
           class="q-mr-sm"
           @click="router.push(`/`)"
         />
-        <q-toolbar-title class="toptitle text-white items-center">
-          รายการขอรับประเมินผลการปฏิบัติราชการระดับบุคคล</q-toolbar-title
-        >
-      </q-toolbar>
-
+        รายการขอรับประเมินผลการปฏิบัติราชการระดับบุคคล
+      </div>
       <!-- <div class="toptitle text-white col-12 row items-center">
         <q-btn
           icon="mdi-arrow-left"
@@ -414,7 +411,7 @@ onMounted(() => {
       </div> -->
       <div class="col-12">
         <q-card bordered class="q-pa-md">
-          <div class="row col-12 q-col-gutter-sm q-mb-sm">
+          <div class="row q-col-gutter-sm q-mb-sm">
             <div class="col-xs-12 col-md-3">
               <datepicker
                 menu-class-name="modalfix"
@@ -492,7 +489,6 @@ onMounted(() => {
                 :options="columns"
                 option-value="name"
                 options-cover
-                style="min-width: 150px"
               />
             </div>
           </div>

src/modules/08_KPI/views/mainEvaluator.vue

@@ -198,7 +198,7 @@ onMounted(async () => {
 <template>
   <div class="col-12 row justify-center">
     <div class="col-xs-12 col-sm-12 col-md-11">
-      <q-toolbar style="padding: 0px;">
+      <div class="toptitle text-white col-12 row items-center">
         <q-btn
           icon="mdi-arrow-left"
           unelevated
@@ -209,11 +209,8 @@ onMounted(async () => {
           class="q-mr-sm"
           @click="router.push(`/`)"
         />
-        <q-toolbar-title class="toptitle text-white items-center">
-          รายการการประเมินผลการปฏิบัติราชการระดับบุคคล</q-toolbar-title
-        >
-      </q-toolbar>
-
+        รายการการประเมินผลการปฏิบัติราชการระดับบุคคล
+      </div>
       <!-- <div class="toptitle text-white col-12 row items-center">
         <q-btn
           icon="mdi-arrow-left"