From f26e54e8f21486af1bc4f635e616448acde1e21d Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 12 Nov 2025 11:16:46 +0700
Subject: [PATCH] refactor(FE-208,212): update width classes for form fields in
 PurchaseOrder forms for better responsiveness

---
 .../order/PurchaseOrderAcceptApprovalForm.tsx | 20 +++++++++----------
 .../order/PurchaseOrderStaffApprovalForm.tsx  | 12 +++++------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
index 68111b11..4ef39138 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
@@ -467,7 +467,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                         }
                         placeholder='Pilih Item...'
                         className={{
-                          wrapper: 'min-w-48',
+                          wrapper: 'min-w-52 md:min-w-72 lg:min-w-80',
                         }}
                       />
                     </td>
@@ -492,7 +492,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                             .errorMessage
                         }
                         className={{
-                          wrapper: 'min-w-36',
+                          wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                         }}
                       />
                     </td>
@@ -512,7 +512,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                         }
                         placeholder='Pilih Gudang...'
                         className={{
-                          wrapper: 'min-w-48',
+                          wrapper: 'min-w-52 md:min-w-72 lg:min-w-80',
                         }}
                       />
                     </td>
@@ -538,7 +538,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                         }
                         placeholder='Masukkan nomor perjalanan'
                         className={{
-                          wrapper: 'min-w-32',
+                          wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                         }}
                       />
                     </td>
@@ -565,7 +565,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                         }
                         placeholder='Masukkan path dokumen'
                         className={{
-                          wrapper: 'min-w-48',
+                          wrapper: 'min-w-52 md:min-w-72 lg:min-w-80',
                         }}
                       />
                     </td>
@@ -591,7 +591,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                         }
                         placeholder='Masukkan nomor kendaraan'
                         className={{
-                          wrapper: 'min-w-32',
+                          wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                         }}
                       />
                     </td>
@@ -615,7 +615,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                         }
                         placeholder='Pilih Vendor...'
                         className={{
-                          wrapper: 'min-w-40',
+                          wrapper: 'min-w-48 md:min-w-64 lg:min-w-72',
                         }}
                       />
                     </td>
@@ -644,7 +644,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                           getPurchaseItemError(idx, 'received_qty').errorMessage
                         }
                         className={{
-                          wrapper: 'min-w-32',
+                          wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                         }}
                       />
                     </td>
@@ -676,7 +676,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                             .errorMessage
                         }
                         className={{
-                          wrapper: 'min-w-32',
+                          wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                         }}
                       />
                     </td>
@@ -707,7 +707,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                             .errorMessage
                         }
                         className={{
-                          wrapper: 'min-w-32',
+                          wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                         }}
                       />
                     </td>
diff --git a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
index 805147ba..eb3bae95 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
@@ -358,7 +358,7 @@ const PurchaseOrderStaffApprovalForm = ({
                             }
                             placeholder='Pilih Item...'
                             className={{
-                              wrapper: 'min-w-48',
+                              wrapper: 'min-w-52 md:min-w-72 lg:min-w-80',
                             }}
                           />
                         </td>
@@ -370,7 +370,7 @@ const PurchaseOrderStaffApprovalForm = ({
                             readOnly={true}
                             placeholder='Pilih item terlebih dahulu'
                             className={{
-                              wrapper: 'min-w-32',
+                              wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                             }}
                             disabled={true}
                           />
@@ -383,7 +383,7 @@ const PurchaseOrderStaffApprovalForm = ({
                             readOnly={true}
                             placeholder='Pilih item terlebih dahulu'
                             className={{
-                              wrapper: 'min-w-48',
+                              wrapper: 'min-w-52 md:min-w-72 lg:min-w-80',
                             }}
                             disabled={true}
                           />
@@ -402,7 +402,7 @@ const PurchaseOrderStaffApprovalForm = ({
                             readOnly={true}
                             placeholder='Pilih item terlebih dahulu'
                             className={{
-                              wrapper: 'min-w-32',
+                              wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                             }}
                             disabled={true}
                           />
@@ -465,7 +465,7 @@ const PurchaseOrderStaffApprovalForm = ({
                               getPurchaseItemError(idx, 'price').errorMessage
                             }
                             className={{
-                              wrapper: 'min-w-40',
+                              wrapper: 'min-w-48 md:min-w-64 lg:min-w-72',
                             }}
                           />
                         </td>
@@ -496,7 +496,7 @@ const PurchaseOrderStaffApprovalForm = ({
                                 .errorMessage
                             }
                             className={{
-                              wrapper: 'min-w-40',
+                              wrapper: 'min-w-48 md:min-w-64 lg:min-w-72',
                             }}
                           />
                         </td>