fix load

src/modules/01_dashboard/views/Dashboard.vue

@@ -355,7 +355,11 @@ onMounted(async () => {
           v-if="isLoadingInbox"
           style="height: calc(100% - 60px)"
         >
-          <q-skeleton height="100%" square />
+          <div v-for="(item, index) in 3">
+            <q-skeleton type="text" width="10%" class="text-subtitle1" />
+            <q-skeleton type="text" width="50%" class="text-subtitle1" />
+            <q-skeleton type="text" class="text-caption" />
+          </div>
         </div>
 
         <div

src/modules/06_evaluate/components/EvaluateStepMain.vue

@@ -826,13 +826,6 @@ onMounted(async () => {
                 />
               </q-card-actions>
             </div>
-
-            <div v-else class="col-xs-12 col-sm-9 q-pa-md">
-              <div class="toptitle2">
-                {{ store.step }}.{{ store.title[store.step - 1] }}
-              </div>
-              <q-skeleton height="450px" type="Qcard" square />
-            </div>
           </q-form>
         </q-card>
       </div>

src/modules/06_evaluate/components/step/step2.vue

@@ -349,7 +349,7 @@ onMounted(async () => {
   <div class="col-12 q-pa-sm">
     <!-- ผลงาน -->
     <div class="col-12">
-      <q-skeleton type="Qcard" height="100px" v-if="isLoading" />
+      <q-skeleton type="Qcard" height="100px" v-if="isLoading" class="q-mb-sm" />
       <q-card v-else bordered class="cardSp1 col-12">
         <div class="text-weight-medium bg-grey-1 col-12 q-py-sm q-px-md">
           ผลงาน

src/modules/06_evaluate/components/step/step3.vue

@@ -106,13 +106,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <q-skeleton
-    v-if="isLoading"
-    class="q-pa-md"
-    type="Qcard"
-    style="width: 100%; height: 100%"
-  />
-  <q-list separator v-else>
+  <q-list separator>
     <q-item
       v-for="(item, index) in formTemplates"
       :key="index"
@@ -123,7 +117,8 @@ onMounted(async () => {
       @click="handleItemClick(index + 1)"
       class="cursor-pointer"
     >
-      <q-item-section>{{ item.title }}</q-item-section>
+      <q-skeleton v-if="isLoading" type="text" width="100%" />
+      <q-item-section v-else>{{ item.title }}</q-item-section>
     </q-item>
   </q-list>
 </template>

src/modules/06_evaluate/components/step/step7.vue

@@ -73,13 +73,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <q-skeleton
-    v-if="isLoading"
-    class="q-pa-md"
-    type="Qcard"
-    style="width: 100%; height: 100%"
-  />
-  <q-list separator v-else>
+  <q-list separator>
     <q-item
       clickable
       v-ripple
@@ -87,7 +81,9 @@ onMounted(async () => {
       active-class="text-primary"
       class="cursor-pointer"
     >
-      <q-item-section>เอกสารเล่ม 2</q-item-section>
+      <q-skeleton v-if="isLoading" type="text" width="100%" />
+
+      <q-item-section v-else>เอกสารเล่ม 2</q-item-section>
     </q-item>
   </q-list>
 </template>