From ddcde2ef49e511909ffa6abf44825aa8b9bef5ee Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 6 Nov 2024 17:14:49 +0700
Subject: [PATCH] fix: service => side menu no wrap, splitPay input width

---
 src/pages/04_product-service/MainPage.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index ec5b944e..ed1d79d8 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -3885,11 +3885,11 @@ watch(
       id="service-form"
     >
       <div
-        class="col column justify-between"
+        class="col column justify-between no-wrap"
         style="height: 100%; max-height: 100; overflow-y: auto"
         v-if="$q.screen.gt.sm"
       >
-        <div class="q-py-md q-pl-md q-pr-sm">
+        <div class="q-py-md q-pl-md q-pr-sm scroll">
           <q-item
             v-for="v in 2"
             :key="v"
@@ -3902,7 +3902,7 @@ watch(
             @click="serviceTab = v"
           >
             <span
-              class="full-width row items-center q-py-sm"
+              class="full-width row items-center q-py-sm no-wrap"
               style="padding-inline: 20px"
             >
               {{
@@ -3938,13 +3938,14 @@ watch(
           />
         </div>
         <span
-          class="row items-center justify-center q-py-md text-caption no-wrap"
+          class="row items-center justify-center q-py-md q-pr-sm q-pl-md text-caption no-wrap"
         >
           {{ $t('productService.service.splitPay') }}
           <q-input
+            style="width: 54px"
             dense
             outlined
-            class="col-3 split-pay q-mx-sm"
+            class="split-pay q-mx-sm"
             input-class="text-caption text-right"
             type="number"
             v-model="splitPay"
@@ -4317,11 +4318,11 @@ watch(
         />
       </div>
       <div
-        class="col column justify-between"
+        class="col column justify-between no-wrap"
         style="height: 100%; max-height: 100; overflow-y: auto"
         v-if="$q.screen.gt.sm"
       >
-        <div class="q-py-md q-pl-md q-pr-sm">
+        <div class="q-py-md q-pl-md q-pr-sm scroll">
           <q-item
             v-for="v in 2"
             :key="v"
@@ -4334,7 +4335,7 @@ watch(
             @click="serviceTab = v"
           >
             <span
-              class="full-width row items-center q-py-sm"
+              class="full-width row items-center q-py-sm no-wrap"
               style="padding-inline: 20px"
             >
               {{
@@ -4374,14 +4375,15 @@ watch(
           />
         </div>
         <span
-          class="row items-center justify-center q-py-md text-caption no-wrap"
+          class="row items-center justify-center q-py-md q-pr-sm q-pl-md text-caption no-wrap"
         >
           {{ $t('productService.service.splitPay') }}
           <q-input
+            style="width: 54px"
             :readonly="!infoServiceEdit"
             dense
             outlined
-            class="col-3 split-pay q-mx-sm"
+            class="split-pay q-mx-sm"
             input-class="text-caption text-right"
             type="number"
             v-model="splitPay"