ปรับ ui ประเมิน step 1-5

src/modules/12_evaluatePersonal/views/DetailPage.vue

@@ -74,33 +74,25 @@ onMounted(async () => {
       <div>รายละเอียดการประเมินบุคคลของ {{ `${prefix}${fullName}` }}</div>
     </div>
   </div>
-  <q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md">
-    <div class="col-xs-12 col-sm-12 col-md-11 row q-col-gutter-md">
-      <div class="col-12 row">
-        <q-card bordered class="col-12 row caedNone">
-          <q-card class="col-12 items-center">
-            <q-tabs
-              v-model="store.tabMenu"
-              dense
-              align="left"
-              inline-label
-              class="rounded-borders"
-              indicator-color="primary"
-              active-bg-color="teal-1"
-              active-class="text-primary"
-            >
-              <q-tab name="1" label="รายละเอียดการประเมิน" />
-              <q-tab name="2" label="กรรมการและการประชุม" />
-            </q-tabs>
-            <q-separator />
-            <q-tab-panels v-model="store.tabMenu" animated>
-              <q-tab-panel name="1"> <Tab1 :data="data" /></q-tab-panel>
+  <q-card flat bordered class="col-12">
+    <q-tabs
+      v-model="store.tabMenu"
+      dense
+      align="left"
+      inline-label
+      class="rounded-borders"
+      indicator-color="primary"
+      active-bg-color="teal-1"
+      active-class="text-primary"
+    >
+      <q-tab name="1" label="รายละเอียดการประเมิน" />
+      <q-tab name="2" label="กรรมการและการประชุม" />
+    </q-tabs>
+    <q-separator />
+    <q-tab-panels v-model="store.tabMenu" animated>
+      <q-tab-panel name="1"> <Tab1 :data="data" /></q-tab-panel>
 
-              <q-tab-panel name="2"> <Tab2 :data="data" /></q-tab-panel>
-            </q-tab-panels>
-          </q-card>
-        </q-card>
-      </div>
-    </div>
+      <q-tab-panel name="2"> <Tab2 :data="data" /></q-tab-panel>
+    </q-tab-panels>
   </q-card>
 </template>