From 3fde8e5b62ea2408c6d4cc271a4ea8eb17c9effd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 27 Nov 2024 13:21:21 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20scroll-area?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/05_leave/components/Calendar.vue | 44 ++++++++++----------
 src/modules/05_leave/views/Main.vue          |  2 +-
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/modules/05_leave/components/Calendar.vue b/src/modules/05_leave/components/Calendar.vue
index edacad5..67c483e 100644
--- a/src/modules/05_leave/components/Calendar.vue
+++ b/src/modules/05_leave/components/Calendar.vue
@@ -267,27 +267,29 @@ onMounted(async () => {
 <template>
   <div class="row">
     <div class="col-xs-12 col-md-3 q-mt-sm q-pr-sm row">
-      <q-card class="col-12" flat bordered>
-        <div class="q-gutter-sm col-12">
-          <q-list class="rounded-borders q-pt-sm" dense>
-            <q-item
-              v-for="(item, i) in filterLists"
-              :key="i"
-              tag="label"
-              v-ripple
-            >
-              <q-checkbox
-                size="sm"
-                v-model="filterVal"
-                :val="item.id"
-                :color="item.color"
-              />
-              <q-item-section>
-                <q-item-label>{{ item.name }}</q-item-label>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </div>
+      <q-card class="col-12" flat bordered >
+        <q-scroll-area style="height: 38vw">
+          <div class="q-gutter-sm col-12">
+            <q-list class="rounded-borders q-pt-sm" dense>
+              <q-item
+                v-for="(item, i) in filterLists"
+                :key="i"
+                tag="label"
+                v-ripple
+              >
+                <q-checkbox
+                  size="sm"
+                  v-model="filterVal"
+                  :val="item.id"
+                  :color="item.color"
+                />
+                <q-item-section>
+                  <q-item-label>{{ item.name }}</q-item-label>
+                </q-item-section>
+              </q-item>
+            </q-list>
+          </div>
+        </q-scroll-area>
       </q-card>
     </div>
 
diff --git a/src/modules/05_leave/views/Main.vue b/src/modules/05_leave/views/Main.vue
index 187d162..5ed3618 100644
--- a/src/modules/05_leave/views/Main.vue
+++ b/src/modules/05_leave/views/Main.vue
@@ -175,7 +175,7 @@ function onClickOpenStat() {
 
 /** function redirectTo  ยื่นใบลา*/
 async function addAbsence() {
-  await leaveStore.resetForm2();
+  leaveStore.resetForm2();
   router.push(`/leave/add`);
 }