From 0e20cf8415946b0120b770e023cf5b3ef8e1865f Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Fri, 10 Jan 2025 13:52:49 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20row=20?=
 =?UTF-8?q?=E0=B8=95=E0=B8=AD=E0=B8=99=E0=B8=A2=E0=B9=88=E0=B8=AD=E0=B8=88?=
 =?UTF-8?q?=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02_users/views/04_roleOrganization.vue    | 76 +++++++++----------
 1 file changed, 36 insertions(+), 40 deletions(-)

diff --git a/src/modules/02_users/views/04_roleOrganization.vue b/src/modules/02_users/views/04_roleOrganization.vue
index ac84740b..e704ef02 100644
--- a/src/modules/02_users/views/04_roleOrganization.vue
+++ b/src/modules/02_users/views/04_roleOrganization.vue
@@ -312,47 +312,43 @@ onMounted(async () => {
                 <q-tooltip>เพิ่มข้อมูล</q-tooltip>
               </q-btn>
             </div>
-
-            <div class="row col-12 q-mt-sm">
-              <div class="col-md-10">
-                <div class="row col-12 q-col-gutter-sm">
-                  <div class="col-md-3">
-                    <q-select
-                      outlined
-                      dense
-                      v-model="qureyBody.searchField"
-                      :options="store.searchFieldOption"
-                      label="เลือกที่ต้องการค้นหา"
-                      emit-value
-                      map-options
-                      option-label="name"
-                      option-value="id"
-                    />
-                  </div>
-                  <div class="col-md-5">
-                    <q-input
-                      v-model="qureyBody.searchKeyword"
-                      outlined
-                      dense
-                      lazy-rules
-                      label="คำค้น"
-                      hide-bottom-space
-                    >
-                    </q-input>
-                  </div>
-                  <div>
-                    <q-btn
-                      outline
-                      color="primary"
-                      icon="search"
-                      label="ค้นหา"
-                      class="full-width full-height"
-                      @click="fetchListPerson(true)"
-                    />
-                  </div>
-                </div>
+            <div class="row q-mt-sm q-col-gutter-sm">
+              <div class="col-12 col-sm-3 col-md-4 col-lg-2">
+                <q-select
+                  outlined
+                  dense
+                  v-model="qureyBody.searchField"
+                  :options="store.searchFieldOption"
+                  label="เลือกที่ต้องการค้นหา"
+                  emit-value
+                  map-options
+                  option-label="name"
+                  option-value="id"
+                />
               </div>
-              <q-space />
+              <div class="col-12 col-sm-6 col-md-5 col-lg-3">
+                <q-input
+                  v-model="qureyBody.searchKeyword"
+                  outlined
+                  dense
+                  lazy-rules
+                  label="คำค้น"
+                  hide-bottom-space
+                >
+                </q-input>
+              </div>
+              <div class="col-12 col-sm-3 col-md-3 col-lg-2">
+                <q-btn
+                  outline
+                  color="primary"
+                  icon="search"
+                  label="ค้นหา"
+                  class="full-width full-height"
+                  @click="fetchListPerson(true)"
+                />
+              </div>
+
+              <q-space v-if="$q.screen.gt.md" />
               <q-select
                 v-model="visibleColumns"
                 multiple