แก้ flexbox ถึงแก่กรรม

src/modules/04_registry/components/Profile.vue

@@ -392,8 +392,9 @@
         <q-form ref="myForm">
           <q-card-section class="q-py-sm row">
             <DialogHeader tittle="ถึงแก่กรรม" :close="closePassaway" />
+            <div class="col-12 row q-pa-sm q-col-gutter-sm">
               <q-file
-              class="col-5"
+                class="col-12 col-sm-6 col-md-5"
                 outlined
                 dense
                 v-model="filePassaway"
@@ -401,21 +402,21 @@
                 hide-bottom-space
                 lazy-rules
               >
+                <q-separator />
                 <template v-slot:prepend>
                   <q-icon name="attach_file" />
                 </template>
               </q-file>
-            <q-separator />
               <q-input
-              class="col-7"
+                class="col-12 col-sm-6 col-md-7"
                 dense
                 outlined
                 v-model="deathCertificateNo"
                 label="เลขที่ใบมรณบัตร"
               />
-            <q-separator />
+
               <datepicker
-              class="col-5"
+                class="col-12 col-sm-6 col-md-5"
                 menu-class-name="modalfix"
                 v-model="dateDeath"
                 :locale="'th'"
@@ -435,9 +436,13 @@
                     outlined
                     dense
                     class="full-width datepicker"
-                  :model-value="dateDeath != null ? date2Thai(dateDeath) : null"
+                    :model-value="
+                      dateDeath != null ? date2Thai(dateDeath) : null
+                    "
                     :label="`${'วันที่เสียชีวิต'}`"
-                  :rules="[(val) => !!val || `${'กรุณาเลือกวันที่เสียชีวิต'}`]"
+                    :rules="[
+                      (val) => !!val || `${'กรุณาเลือกวันที่เสียชีวิต'}`,
+                    ]"
                   >
                     <template v-slot:prepend>
                       <q-icon
@@ -452,7 +457,7 @@
               </datepicker>
 
               <q-input
-              class="col-7"
+                class="col-12 col-sm-6 col-md-7"
                 dense
                 outlined
                 v-model="placeDeathCertificate"
@@ -467,8 +472,7 @@
                 label="เหตุผลการเสีบชีวิต"
                 type="textarea"
               />
-            <q-space />
+            </div>
-
             <q-space />
           </q-card-section>
           <q-separator />