ปรับ css และดีไซน์หน้า กรอกข้อมูลสมัครสอบ

src/modules/01_exam/components/Form/Education.vue

@@ -1,55 +1,53 @@
 <!-- tab ประวัติการศึกษา -->
 <template>
-  <q-card flat bordered class="col-12 q-px-lg q-py-md q-mt-md">
-    <q-form ref="myForm">
-      <Table
-        :rows="rows"
-        :columns="columns"
-        :filter="filter"
-        :visible-columns="visibleColumns"
-        v-model:inputfilter="filter"
-        v-model:inputvisible="visibleColumns"
-        v-model:editvisible="edit"
-        :add="clickAdd"
-        :edit="clickEdit"
-        :cancel="clickCancel"
-        :addData="false"
-        :editData="status == 'register' || status == 'rejectRegister'"
-        name="ประวัติการศีกษา"
-        icon="mdi-school"
-      >
-        <template #columns="props">
-          <q-tr :props="props">
-            <q-td
-              v-for="col in props.cols"
-              :key="col.name"
-              :props="props"
-              @click="selectData(props)"
-              class="cursor-pointer"
-            >
-              <div v-if="col.name == 'duration'" class="">
-                {{ dateThaiRange(col.value) }}
-              </div>
-              <div v-else class="">
-                {{ col.value }}
-              </div>
-            </q-td>
-            <q-td auto-width v-if="edit === true">
-              <q-btn
-                color="red"
-                flat
-                dense
-                round
-                size="14px"
-                icon="mdi-trash-can-outline"
-                @click="checkDelete(props.row)"
-              />
-            </q-td>
-          </q-tr>
-        </template>
-      </Table>
-    </q-form>
-  </q-card>
+  <q-form ref="myForm">
+    <Table
+      :rows="rows"
+      :columns="columns"
+      :filter="filter"
+      :visible-columns="visibleColumns"
+      v-model:inputfilter="filter"
+      v-model:inputvisible="visibleColumns"
+      v-model:editvisible="edit"
+      :add="clickAdd"
+      :edit="clickEdit"
+      :cancel="clickCancel"
+      :addData="false"
+      :editData="status == 'register' || status == 'rejectRegister'"
+      name="ประวัติการศีกษา"
+      icon="mdi-school"
+    >
+      <template #columns="props">
+        <q-tr :props="props">
+          <q-td
+            v-for="col in props.cols"
+            :key="col.name"
+            :props="props"
+            @click="selectData(props)"
+            class="cursor-pointer"
+          >
+            <div v-if="col.name == 'duration'" class="">
+              {{ dateThaiRange(col.value) }}
+            </div>
+            <div v-else class="">
+              {{ col.value }}
+            </div>
+          </q-td>
+          <q-td auto-width v-if="edit === true">
+            <q-btn
+              color="red"
+              flat
+              dense
+              round
+              size="14px"
+              icon="mdi-trash-can-outline"
+              @click="checkDelete(props.row)"
+            />
+          </q-td>
+        </q-tr>
+      </template>
+    </Table>
+  </q-form>
   <!-- popup Edit window-->
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 600px">
@@ -147,7 +145,7 @@
                     :model-value="dateThaiRange(duration)"
                   >
                     <template v-slot:prepend>
-                      <q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)">
+                      <q-icon name="mdi-calendar-outline" class="cursor-pointer" style="color: var(--q-primary)">
                       </q-icon>
                     </template>
                   </q-input>