From 5c6768e6d9da73c09450db79c147660165e63063 Mon Sep 17 00:00:00 2001
From: puri-ph4tt <puriphat001@gmail.com>
Date: Fri, 12 Jan 2024 10:03:24 +0700
Subject: [PATCH] =?UTF-8?q?update:=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=A2=E0=B8=B0=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Services/client/src/components/FileForm.vue | 102 ++++++++++----------
 1 file changed, 50 insertions(+), 52 deletions(-)

diff --git a/Services/client/src/components/FileForm.vue b/Services/client/src/components/FileForm.vue
index 8705164..fb40252 100644
--- a/Services/client/src/components/FileForm.vue
+++ b/Services/client/src/components/FileForm.vue
@@ -173,7 +173,7 @@ const file = ref<File | undefined>()
         />
       </q-toolbar>
 
-      <section class="q-mb-md">
+      <section class="q-pb-xs">
         <span class="text-weight-bold q-mb-sm block">อัปโหลดไฟล์</span>
         <q-file
           dense
@@ -207,12 +207,12 @@ const file = ref<File | undefined>()
         </q-file>
       </section>
 
-      <section class="q-mb-md">
+      <section class="q-pb-xs">
         <span class="text-weight-bold">ชื่อเรื่อง</span>
         <q-input
           outlined
           dense
-          class="q-my-sm"
+          class="q-mt-sm"
           placeholder="กรอกชื่อเรื่อง"
           :disable="disableFields?.includes('title')"
           :model-value="title"
@@ -225,7 +225,7 @@ const file = ref<File | undefined>()
         />
       </section>
 
-      <section class="q-mb-md">
+      <section class="q-pb-lg">
         <span class="text-weight-bold">รายละเอียดของเอกสาร</span>
         <q-input
           outlined
@@ -240,58 +240,12 @@ const file = ref<File | undefined>()
         />
       </section>
 
-      <section class="q-mb-md">
-        <span class="text-weight-bold">กลุ่ม/หมวดหมู่</span>
-        <div class="q-mt-md">
-          <q-select
-            outlined
-            dense
-            :model-value="category"
-            label="กดปุ่มEnterเพื่อเพิ่ม"
-            use-input
-            use-chips
-            hide-dropdown-icon
-            multiple
-            input-debounce="0"
-            @new-value="createCategory"
-            :disable="disableFields?.includes('category')"
-            :options="filterDataCategory"
-            @filter="filterCategory"
-            @update:model-value="(v) => $emit('update:category', v)"
-            data-testid="filterDataCategory"
-          >
-          </q-select>
-        </div>
-      </section>
-
-      <section class="q-mb-md">
-        <span class="text-weight-bold">คำสำคัญ</span>
-        <div class="q-mt-md">
-          <q-select
-            outlined
-            dense
-            label="กดปุ่มEnterเพื่อเพิ่ม"
-            use-input
-            use-chips
-            multiple
-            hide-dropdown-icon
-            input-debounce="0"
-            :disable="disableFields?.includes('keyword')"
-            :model-value="props.keyword"
-            @update:model-value="(v) => $emit('update:keyword', v)"
-            @new-value="createKeyword"
-            data-testid="filterDataKeyWord"
-          >
-          </q-select>
-        </div>
-      </section>
-
-      <section class="q-mb-md">
+      <section class="q-pb-xs">
         <span class="text-weight-bold">เจ้าของผลงาน</span>
         <q-input
           outlined
           dense
-          class="q-my-sm"
+          class="q-mt-sm"
           placeholder="เจ้าของผลงาน"
           :disable="disableFields?.includes('author')"
           :model-value="author"
@@ -304,6 +258,50 @@ const file = ref<File | undefined>()
         />
       </section>
 
+      <section class="q-pb-md">
+        <span class="text-weight-bold">กลุ่ม/หมวดหมู่</span>
+        <q-select
+          outlined
+          dense
+          :model-value="category"
+          label="กดปุ่มEnterเพื่อเพิ่ม"
+          use-input
+          use-chips
+          hide-dropdown-icon
+          multiple
+          class="q-my-sm"
+          input-debounce="0"
+          @new-value="createCategory"
+          :disable="disableFields?.includes('category')"
+          :options="filterDataCategory"
+          @filter="filterCategory"
+          @update:model-value="(v) => $emit('update:category', v)"
+          data-testid="filterDataCategory"
+        >
+        </q-select>
+      </section>
+
+      <section class="q-pb-lg">
+        <span class="text-weight-bold">คำสำคัญ</span>
+        <q-select
+          outlined
+          dense
+          label="กดปุ่มEnterเพื่อเพิ่ม"
+          use-input
+          use-chips
+          multiple
+          hide-dropdown-icon
+          class="q-my-sm"
+          input-debounce="0"
+          :disable="disableFields?.includes('keyword')"
+          :model-value="props.keyword"
+          @update:model-value="(v) => $emit('update:keyword', v)"
+          @new-value="createKeyword"
+          data-testid="filterDataKeyWord"
+        >
+        </q-select>
+      </section>
+
       <section :style="{ display: 'flex', gap: '.5rem' }">
         <q-btn
           label="บันทึก"