ทะเบียนประวัติ => ปรับ form

src/modules/04_registryNew/components/detail/Salary/02_NotReceiveSalary.vue

@@ -436,11 +436,11 @@ onMounted(() => {
           "
           :close="onClickCloseDialog"
         />
-        <q-separator color="grey-4" />
+        <q-separator />
 
-        <q-card-section style="max-height: 55vh" class="scroll">
+        <q-card-section>
           <div class="row col-12 q-col-gutter-sm">
-            <div class="col-xs-6 col-sm-6 col-md-6">
+            <div class="col-xs-12 col-sm-6 col-md-6">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="formData.date"
@@ -477,7 +477,7 @@ onMounted(() => {
                 </template>
               </datepicker>
             </div>
-            <div class="col-6">
+            <div class="col-xs-12 col-sm-6 col-md-6">
               <q-input
                 ref="referenceRef"
                 outlined
@@ -507,7 +507,7 @@ onMounted(() => {
                 :label="`${'รายละเอียด'}`"
               />
             </div>
-            <div class="col-xs-6 col-sm-6 col-md-6">
+            <div class="col-xs-12 col-sm-6 col-md-6">
               <q-input
                 outlined
                 dense
@@ -523,7 +523,7 @@ onMounted(() => {
                 </template>
               </q-input>
             </div>
-            <div class="col-xs-6 col-sm-6 col-md-6">
+            <div class="col-xs-12 col-sm-6 col-md-6">
               <datepicker
                 menu-class-name="modalfix"
                 v-model="formData.refCommandDate"
@@ -567,15 +567,7 @@ onMounted(() => {
         <q-separator />
 
         <q-card-actions align="right">
-          <q-btn
-            dense
-            unelevated
-            label="บันทึก"
-            id="onSubmit"
-            type="submit"
-            color="public"
-            class="q-px-md"
-          >
+          <q-btn label="บันทึก" id="onSubmit" type="submit" color="public">
             <q-tooltip>บันทึกข้อมูล</q-tooltip>
           </q-btn>
         </q-card-actions>