updated layout on mobile

src/modules/09_scholarship/components/Dialog/DialogReturn.vue

@@ -58,8 +58,10 @@ function onSubmit() {
           governmentDate: governmentDate.value,
           governmentEndDate: governmentEndDate.value,
           isGraduated: isGraduated.value,
-          graduatedDate: isGraduated.value == 'true' ? graduatedDate.value : null,
-          graduatedReason: isGraduated.value == 'false' ? graduatedReason.value : null,
+          graduatedDate:
+            isGraduated.value == "true" ? graduatedDate.value : null,
+          graduatedReason:
+            isGraduated.value == "false" ? graduatedReason.value : null,
         })
         .then((res) => {
           success($q, "บันทึกสำเร็จ");
@@ -110,7 +112,7 @@ watch(
         <q-separator />
         <q-card-section>
           <div class="row q-col-gutter-sm">
-            <div class="col-6">
+            <div class="col-xs-12 col-sm-12 col-md-6">
               <q-input
                 label="เลขที่หนังสือรายงานตัวกลับเข้าปฏิบัติราชการ"
                 v-model="bookNumber"
@@ -125,7 +127,7 @@ watch(
                 class="inputgreen"
               />
             </div>
-            <div class="col-6">
+            <div class="col-xs-12 col-sm-12 col-md-6">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="bookDate"
@@ -163,7 +165,7 @@ watch(
                 </template>
               </datepicker>
             </div>
-            <div class="col-6">
+            <div class="col-xs-12 col-sm-12 col-md-6">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="governmentDate"
@@ -203,7 +205,7 @@ watch(
                 </template>
               </datepicker>
             </div>
-            <div class="col-6">
+            <div class="col-xs-12 col-sm-12 col-md-6">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="governmentEndDate"
@@ -305,8 +307,8 @@ watch(
                 dense
                 outlined
                 hide-bottom-space
-                    class="inputgreen"
-                    :rules="[
+                class="inputgreen"
+                :rules="[
                             (val:string) =>
                                 !!val || `${'กรุณากรอก เนื่องจาก'}`,
                             ]"

src/modules/09_scholarship/views/detail.vue

@@ -522,7 +522,7 @@ onMounted(async () => {
             </div>
 
             <q-space />
-            <div v-if="fileList == null" class="col-xs-5 col-3">
+            <div v-if="fileList == null" class="col-xs-8 col-sm-3">
               <q-file
                 for="inputFiles"
                 class="col-12"