From fafb1f6f2dc909f30ae1e38de17be8e22b247dfb Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 8 Oct 2024 11:35:07 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=81=E0=B8=B3=E0=B8=AB=E0=B8=99=E0=B8=94?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B8=97=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A7=E0=B8=B2=E0=B8=A1=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9C=E0=B8=B4=E0=B8=94=E0=B8=8A=E0=B8=AD=E0=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DialogResponsibilities.vue                   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/modules/02_users/components/05_responsIbilities/DialogResponsibilities.vue b/src/modules/02_users/components/05_responsIbilities/DialogResponsibilities.vue
index f9ce6dd7..a82c7b8f 100644
--- a/src/modules/02_users/components/05_responsIbilities/DialogResponsibilities.vue
+++ b/src/modules/02_users/components/05_responsIbilities/DialogResponsibilities.vue
@@ -121,21 +121,25 @@ watch(
 </script>
 
 <template>
-  <q-dialog v-model="modal" persistent>
-    <q-card class="col-12" style="width: 30%">
+  <q-dialog v-model="modal" persistent full-height>
+    <q-card class="col-12" style="min-width: 550px">
       <q-form greedy @submit.prevent="onSubmit">
         <DialogHeader tittle="กำหนดหน้าที่ความรับผิดชอบ" :close="closeDialog" />
         <q-separator />
-        <q-card-section>
+
+        <q-card-section style="max-height: 84vh" class="scroll">
           <div
             v-for="(item, index) in sysTypeOptions"
             :key="index"
             class="col-12"
           >
-            <div class="row q-ml-md q-col-gutter-sm">
-              <div class="text-weight-medium text-body2">
+            <q-card bordered class="row col-12 text-dark q-mt-sm">
+              <div
+                class="bg-grey-1 q-pa-xs col-12 row items-center text-weight-bold"
+              >
                 {{ item.sysName }}
               </div>
+              <div class="col-12"><q-separator /></div>
               <div class="col-12">
                 <q-list class="q-mt-none">
                   <q-item
@@ -160,7 +164,7 @@ watch(
                   </q-item>
                 </q-list>
               </div>
-            </div>
+            </q-card>
           </div>
         </q-card-section>