From 8f878e2f57e9d97a0fd1c250fecc42b87de8a43d Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Wed, 28 Aug 2024 17:27:31 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20UI=20=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A2=E0=B8=B7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=99=E0=B8=84=E0=B8=B3=E0=B8=A3=E0=B9=89=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=87=E0=B8=82=E0=B8=AD=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5?=
 =?UTF-8?q?=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../10_registry/views/requestEditMain.vue     | 41 ++++++++++++-------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/modules/10_registry/views/requestEditMain.vue b/src/modules/10_registry/views/requestEditMain.vue
index 096df4e..9c8d2d0 100644
--- a/src/modules/10_registry/views/requestEditMain.vue
+++ b/src/modules/10_registry/views/requestEditMain.vue
@@ -295,7 +295,18 @@ onMounted(() => {
       </div>
       <q-card bordered class="q-pa-md">
         <div class="row q-mb-sm q-col-gutter-sm">
-          <div class="col-xs-10 col-md-2">
+          <div class="col-12" v-if="!$q.screen.gt.sm">
+            <q-btn
+              flat
+              round
+              color="primary"
+              icon="mdi-plus"
+              @click="onClickAdd()"
+            >
+              <q-tooltip>ยื่นคำร้องขอแก้ไขข้อมูล</q-tooltip>
+            </q-btn>
+          </div>
+          <div class="col-xs-12 col-md-2">
             <q-select
               v-model="status"
               label="สถานะคำร้อง"
@@ -323,7 +334,7 @@ onMounted(() => {
               </template>
             </q-select>
           </div>
-          <div>
+          <div v-if="$q.screen.gt.sm">
             <q-btn
               flat
               round
@@ -334,18 +345,19 @@ onMounted(() => {
               <q-tooltip>ยื่นคำร้องขอแก้ไขข้อมูล</q-tooltip>
             </q-btn>
           </div>
-          <q-space />
-          <q-input
-            v-model="keyword"
-            outlined
-            clearable
-            dense
-            label="ค้นหา"
-            style="width: 250px"
-            @keydown.enter="updateStatusValue()"
-          >
-          </q-input>
-
+          <q-space v-if="$q.screen.gt.sm"/>
+          <div class="col-xs-12 col-md-2">
+            <q-input
+              v-model="keyword"
+              outlined
+              clearable
+              dense
+              label="ค้นหา"
+              @keydown.enter="updateStatusValue()"
+            >
+            </q-input>
+          </div>
+          <div class="col-xs-12 col-md-2">
           <q-select
             v-model="visibleColumns"
             multiple
@@ -360,6 +372,7 @@ onMounted(() => {
             options-cover
             class="col-xs-12 col-sm-3 col-md-2"
           />
+          </div>
         </div>
         <div class="col-12">
           <d-table