ปรับ css เพิ่มเติม

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

@@ -117,17 +117,10 @@
             </div>
             <q-separator color="blue-1" />
             <div class="dialog-card-contain">
-              <q-card-section class="q-pa-md">
-                <div class="row col-12 q-col-gutter-sm">
-                  <div
-                    :class="
-                      $q.screen.lt.md
-                        ? ' row col-12 q-col-gutter-xs'
-                        : 'no-wrap row col-12 q-col-gutter-xs'
-                    "
-                  >
+              <q-card-section class="q-pa-sm">
+                  <div class="row col-12 q-col-gutter-xs">
                     <selector
-                      class="col-3"
+                      class="col-4"
                       hide-bottom-space
                       :rules="[(val:string) => !!val || `${'กรุณาเลือก ประเภท'}`]"
                       outlined
@@ -160,7 +153,7 @@
                       type="number"
                     />
                     <q-input
-                      class="col-2"
+                      class="col-3"
                       clearable
                       dense
                       outlined
@@ -187,7 +180,7 @@
                       }}</template>
                       <template #trigger>
                         <q-input
-                          class="inputgreen cursor-pointer q-mb-sm"
+                          class="inputgreen cursor-pointer"
                           hide-bottom-space
                           outlined
                           dense
@@ -223,15 +216,6 @@
                       type="number"
                       @update:model-value="updateGovAge"
                     />
-                  </div>
-
-                  <div
-                    :class="
-                      $q.screen.lt.md
-                        ? ' row col-12 q-col-gutter-xs'
-                        : 'no-wrap row col-12 q-col-gutter-xs'
-                    "
-                  >
                     <q-input
                       v-if="employeeClass == 'officer'"
                       clearable
@@ -266,7 +250,7 @@
                       hide-bottom-space
                       label="ตำแหน่งทางการบริหาร"
                       @update:model-value="updatePositionExecutive"
-                      class="col-3"
+                      class="col-4"
                     />
                     <q-input
                       v-if="employeeClass != 'officer'"
@@ -290,7 +274,7 @@
                       hide-bottom-space
                       label="ระดับชั้นงาน"
                       @update:model-value="updateEmployeeLevel"
-                      class="col-3"
+                      class="col-4"
                     />
                     <q-input
                       clearable
@@ -303,14 +287,6 @@
                       @update:model-value="updatePosNo"
                       class="col-3"
                     />
-                  </div>
-                  <div
-                    :class="
-                      $q.screen.lt.md
-                        ? ' row col-12 q-col-gutter-xs'
-                        : 'no-wrap row col-12 q-col-gutter-xs'
-                    "
-                  >
                     <datepicker
                       class="col-2"
                       menu-class-name="modalfix"
@@ -372,10 +348,9 @@
                       hide-bottom-space
                       label="ประเภทคำสั่ง"
                       @update:model-value="updateReportType"
-                      class="col-3"
+                      class="col-4"
                     />
-                  </div>
-                  <div class="col-12 row items-center">
+                  
                     <q-toggle
                       dense
                       :model-value="isShowRetire"
@@ -437,7 +412,6 @@
                       />
                     </div>
                   </div> -->
-                </div>
               </q-card-section>
             </div>
           </div>