From e3cb969219298b28ae8019dafdec1264f885f119 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Fri, 31 May 2024 11:56:00 +0700
Subject: [PATCH] updated layout on mobile

---
 .../components/Dialog/DialogReturn.vue         | 18 ++++++++++--------
 src/modules/09_scholarship/views/detail.vue    |  2 +-
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/modules/09_scholarship/components/Dialog/DialogReturn.vue b/src/modules/09_scholarship/components/Dialog/DialogReturn.vue
index 68bc4f5..e821f8e 100644
--- a/src/modules/09_scholarship/components/Dialog/DialogReturn.vue
+++ b/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 || `${'กรุณากรอก เนื่องจาก'}`,
                             ]"
diff --git a/src/modules/09_scholarship/views/detail.vue b/src/modules/09_scholarship/views/detail.vue
index 08347a0..b105760 100644
--- a/src/modules/09_scholarship/views/detail.vue
+++ b/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"