ปรับ css กรอกข้อมูล และปรับรูปแบบ step การชำระเงิน

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

@@ -2,7 +2,7 @@
 <template>
   <HeaderTop
     v-model:edit="edit"
-    header="อัปโหลดเอกสาร(เช่น สำเนาบัตรประชาชน ทะเบียนบ้าน วุฒิการศึกษา)"
+    :header="$q.screen.gt.xs ? 'อัปโหลดเอกสาร(เช่น สำเนาบัตรประชาชน ทะเบียนบ้าน วุฒิการศึกษา)':'อัปโหลดเอกสาร'"
     icon="mdi-file-document"
     :addData="true"
     :editOnly="true"
@@ -11,23 +11,25 @@
 
   <div v-if="edit" class="row justify-center row col-12">
     <q-input
-      class="q-mt-sm col-12"
+      class="q-mt-sm col-12 q-pb-xs"
       :outlined="edit"
       dense
       lazy-rules
       :readonly="!edit"
       :borderless="!edit"
       v-model="name"
+      hide-bottom-space
       :rules="[(val) => !!val || `${'กรุณากรอกชื่อเอกสาร'}`]"
       :label="`${'ชื่อเอกสาร'}`"
     />
     <q-uploader
-      color="blue"
+      color="gray"
       type="file"
       flat
       auto-upload
       :factory="fileUpload"
       class="full-width"
+      text-color="dark"
       :max-size="10000000"
       accept=".jpg,.png,.pdf,.csv,.doc"
       bordered