From 53669267b16d8bcb4539a92a66623a528b9e502c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 17 Jul 2024 08:31:31 +0000
Subject: [PATCH] fix: add bordered-b

---
 src/pages/01_branch-management/MainPage.vue    | 1 +
 src/pages/02_personnel-management/MainPage.vue | 2 +-
 src/pages/03_customer-management/MainPage.vue  | 8 +++++---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index e8782bb4..798e9ff5 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -806,6 +806,7 @@ watch(locale, () => {
                   <div
                     class="row col-12 col-md-6"
                     :class="{ 'q-pt-xs': $q.screen.lt.md }"
+                    style="white-space: nowrap"
                   >
                     <q-select
                       v-model="statusFilter"
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 1ceb4411..3030584d 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -711,7 +711,7 @@ watch(inputSearch, async () => await fetchUserList());
     >
       <div class="column">
         <div
-          class="row surface-3 justify-between full-width items-center"
+          class="row surface-3 justify-between full-width items-center bordered-b"
           style="z-index: 1"
         >
           <div class="row q-py-sm q-px-md justify-between full-width">
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index ef1c4d41..46e75105 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1645,12 +1645,14 @@ watch([inputSearch, currentStatus], async () => {
 
       <!-- main -->
       <div
-        class="surface-2 bordered rounded col column"
-        style="overflow: hidden; max-width: 100%"
+        class="surface-2 bordered rounded col column full-width"
+        style="overflow: hidden"
       >
         <!-- tabs -->
         <div class="column">
-          <div class="row q-px-md q-py-sm justify-between full-width surface-3">
+          <div
+            class="row q-px-md q-py-sm justify-between full-width surface-3 bordered-b"
+          >
             <q-input
               for="input-search"
               outlined