From 089f23b348250da8671b55f2fa9c83c5ad6b73a3 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 22 Oct 2024 17:05:14 +0700
Subject: [PATCH] refactor: handle max-width

---
 src/components/04_product-service/WorkManagementComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/04_product-service/WorkManagementComponent.vue b/src/components/04_product-service/WorkManagementComponent.vue
index df765d40..84784100 100644
--- a/src/components/04_product-service/WorkManagementComponent.vue
+++ b/src/components/04_product-service/WorkManagementComponent.vue
@@ -375,7 +375,7 @@ watch(
                     <div class="column col justify-between">
                       <span
                         class="text-weight-bold ellipsis-2-lines"
-                        :style="`max-width: ${$q.screen.gt.sm ? '25vw' : '20vw'}`"
+                        :style="`max-width: ${$q.screen.gt.sm ? (!readonly ? '10vw' : '25vw') : '20vw'}`"
                       >
                         {{ product.name }}
                         <q-tooltip>