fix:display

src/modules/01_exam/views/ExamDetail.vue

@@ -1,26 +1,19 @@
 <!-- page:detail page รายการสอบทั้งหมด -->
 <template>
   <div v-if="!storeExam.isShowResult" class="flex flex-center" style="min-height: 70vh">
-    <div class="q-mt-lg">
-      <!-- ส่วน Icon หรือ Illustration -->
-      <q-icon name="mdi-timer-off" size="150px" color="red-7" />
+    <div class="text-center q-px-xl" style="max-width: 800px">
+      <q-icon name="mdi-timer-off" size="100px" color="red-7" class="q-mb-lg" />
 
-      <!-- ข้อความหัวข้อ -->
-      <div class="text-h4 text-weight-bold q-mt-xl text-red-7">
+      <div class="text-h5 text-weight-medium q-mb-sm text-red-7">
         สิ้นสุดระยะเวลาการแสดงผลสอบผ่านระบบออนไลน์
       </div>
 
-      <!-- เส้นคั่น -->
-      <q-separator class="q-my-sm" inset />
+      <q-separator class="q-mx-auto q-mb-md" style="max-width: 100px" />
 
-      <!-- รายละเอียด -->
-      <div
-        class="text-h5 text-grey-8"
-        style="margin-left: auto; margin-right: auto; line-height: 1.6"
-      >
-        ท่านสามารถตรวจสอบผลการสอบผ่านระบบได้ภายใน 15 วัน นับจากวันประกาศผล
-        <br />
-        กรณีที่พ้นระยะเวลาที่กำหนด กรุณาดำเนินการติดต่อกองสรรหาโดยตรงเพื่อประสานงานด้านข้อมูล
+      <div class="text-body1 text-grey-8" style="line-height: 1.8">
+        ท่านสามารถตรวจสอบผลการสอบผ่านระบบได้ภายใน
+        <strong class="text-red-7">15 วัน</strong> นับจากวันประกาศผล<br />
+        กรณีพ้นระยะเวลาที่กำหนด กรุณาติดต่อกองสรรหาโดยตรง
       </div>
     </div>
   </div>
@@ -258,7 +251,7 @@ const fetchStep = async () => {
       rejectMessage.value = data.rejectDetail
       status.value = data.status
       storeExam.isShowExamInfo = data.isShowExamInfo || false
-      storeExam.isShowResult = data.isShowResult || true
+      storeExam.isShowResult = data.isShowResult || false
       if (status.value == 'register') {
         stepRaw.value = 2
         step.value = 2