From c52da4e68d9446ee6bc34c656f507df95d8ea1a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Thu, 12 Mar 2026 16:21:10 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[=EC=A0=84=ED=91=9C]=20=EB=B6=84?=
 =?UTF-8?q?=EA=B0=9C=20=EB=AA=A8=EB=8B=AC=20=ED=85=8C=EC=9D=B4=EB=B8=94=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EA=B9=A8=EC=A7=90=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- table-fixed + Tailwind w-[] 클래스가 빌드에 누락되어 칼럼 너비 미적용
- colgroup + inline style로 변경하여 고정 너비 보장
- 계정과목/거래처/적요 td에 overflow-hidden 추가
- 수동전표, 카드분개, 은행분개 모달 3개 모두 동일 적용
---
 .../views/finance/journal-entries.blade.php   | 87 ++++++++++++-------
 1 file changed, 57 insertions(+), 30 deletions(-)

diff --git a/resources/views/finance/journal-entries.blade.php b/resources/views/finance/journal-entries.blade.php
index e695a65f..fe05971d 100644
--- a/resources/views/finance/journal-entries.blade.php
+++ b/resources/views/finance/journal-entries.blade.php
@@ -1674,16 +1674,25 @@ className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:rin
                             <div>
                                 <h4 className="text-sm font-semibold text-stone-700 mb-3">분개 내역</h4>
                                 <div className="overflow-x-auto">
-                                    <table className="w-full text-sm table-fixed">
+                                    <table className="w-full text-sm" style={{ tableLayout: 'fixed' }}>
+                                        <colgroup>
+                                            <col style={{ width: '70px' }} />
+                                            <col style={{ width: '160px' }} />
+                                            <col style={{ width: '160px' }} />
+                                            <col style={{ width: '110px' }} />
+                                            <col style={{ width: '110px' }} />
+                                            <col />
+                                            <col style={{ width: '40px' }} />
+                                        </colgroup>
                                         <thead>
                                             <tr className="bg-stone-50 border-b border-stone-200">
-                                                <th className="px-3 py-2 text-center font-medium text-stone-600 w-[70px]">구분</th>
-                                                <th className="px-3 py-2 text-left font-medium text-stone-600 w-[180px]">계정과목</th>
-                                                <th className="px-3 py-2 text-left font-medium text-stone-600 w-[160px]">거래처</th>
-                                                <th className="px-3 py-2 text-right font-medium text-stone-600 w-[120px]">차변</th>
-                                                <th className="px-3 py-2 text-right font-medium text-stone-600 w-[120px]">대변</th>
+                                                <th className="px-3 py-2 text-center font-medium text-stone-600">구분</th>
+                                                <th className="px-3 py-2 text-left font-medium text-stone-600">계정과목</th>
+                                                <th className="px-3 py-2 text-left font-medium text-stone-600">거래처</th>
+                                                <th className="px-3 py-2 text-right font-medium text-stone-600">차변</th>
+                                                <th className="px-3 py-2 text-right font-medium text-stone-600">대변</th>
                                                 <th className="px-3 py-2 text-left font-medium text-stone-600">적요</th>
-                                                <th className="px-3 py-2 text-center font-medium text-stone-600 w-[40px]"></th>
+                                                <th className="px-3 py-2 text-center font-medium text-stone-600"></th>
                                             </tr>
                                         </thead>
                                         <tbody>
@@ -1696,7 +1705,7 @@ className={`px-2 py-0.5 rounded text-xs font-medium cursor-pointer hover:opacity
                                                             {line.dc_type === 'debit' ? '차변' : '대변'}
                                                         </button>
                                                     </td>
-                                                    <td className="px-3 py-2">
+                                                    <td className="px-3 py-2 overflow-hidden">
                                                         <AccountCodeSelect value={line.account_code} accountCodes={accountCodes}
                                                             triggerId={`m-account-${index}`}
                                                             onTab={() => document.getElementById(`m-partner-${index}`)?.focus()}
@@ -1706,7 +1715,7 @@ className={`px-2 py-0.5 rounded text-xs font-medium cursor-pointer hover:opacity
                                                                 setLines(updated);
                                                             }} />
                                                     </td>
-                                                    <td className="px-3 py-2">
+                                                    <td className="px-3 py-2 overflow-hidden">
                                                         <TradingPartnerSelect value={line.trading_partner_id} valueName={line.trading_partner_name}
                                                             tradingPartners={tradingPartners}
                                                             triggerId={`m-partner-${index}`}
@@ -1736,7 +1745,7 @@ className={`w-full px-2 py-1.5 text-xs text-right border rounded outline-none fo
                                                             placeholder={line.dc_type === 'credit' ? '금액' : ''}
                                                             className={`w-full px-2 py-1.5 text-xs text-right border rounded outline-none font-medium ${line.dc_type === 'credit' ? 'border-stone-200 focus:ring-2 focus:ring-red-500 text-red-700' : 'bg-stone-100 border-stone-100 text-stone-300'}`} />
                                                     </td>
-                                                    <td className="px-3 py-2">
+                                                    <td className="px-3 py-2 overflow-hidden">
                                                         <input type="text" id={`m-desc-${index}`} value={line.description || ''}
                                                             onChange={(e) => updateLine(index, 'description', e.target.value)}
                                                             onKeyDown={(e) => { if (e.key === 'Tab' && !e.shiftKey) { e.preventDefault(); const next = document.getElementById(`m-account-${index + 1}`); if (next) next.focus(); } }}
@@ -2096,16 +2105,25 @@ className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:rin
                         <div>
                             <h4 className="text-sm font-semibold text-stone-700 mb-3">분개 내역</h4>
                             <div className="overflow-x-auto">
-                                <table className="w-full text-sm table-fixed">
+                                <table className="w-full text-sm" style={{ tableLayout: 'fixed' }}>
+                                    <colgroup>
+                                        <col style={{ width: '70px' }} />
+                                        <col style={{ width: '160px' }} />
+                                        <col style={{ width: '160px' }} />
+                                        <col style={{ width: '110px' }} />
+                                        <col style={{ width: '110px' }} />
+                                        <col />
+                                        <col style={{ width: '40px' }} />
+                                    </colgroup>
                                     <thead>
                                         <tr className="bg-stone-50 border-b border-stone-200">
-                                            <th className="px-3 py-2 text-center font-medium text-stone-600 w-[70px]">구분</th>
-                                            <th className="px-3 py-2 text-left font-medium text-stone-600 w-[180px]">계정과목</th>
-                                            <th className="px-3 py-2 text-left font-medium text-stone-600 w-[160px]">거래처</th>
-                                            <th className="px-3 py-2 text-right font-medium text-stone-600 w-[120px]">차변</th>
-                                            <th className="px-3 py-2 text-right font-medium text-stone-600 w-[120px]">대변</th>
+                                            <th className="px-3 py-2 text-center font-medium text-stone-600">구분</th>
+                                            <th className="px-3 py-2 text-left font-medium text-stone-600">계정과목</th>
+                                            <th className="px-3 py-2 text-left font-medium text-stone-600">거래처</th>
+                                            <th className="px-3 py-2 text-right font-medium text-stone-600">차변</th>
+                                            <th className="px-3 py-2 text-right font-medium text-stone-600">대변</th>
                                             <th className="px-3 py-2 text-left font-medium text-stone-600">적요</th>
-                                            <th className="px-3 py-2 text-center font-medium text-stone-600 w-[40px]"></th>
+                                            <th className="px-3 py-2 text-center font-medium text-stone-600"></th>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -2118,7 +2136,7 @@ className={`px-2 py-0.5 rounded text-xs font-medium cursor-pointer hover:opacity
                                                         {line.dc_type === 'debit' ? '차변' : '대변'}
                                                     </button>
                                                 </td>
-                                                <td className="px-3 py-2">
+                                                <td className="px-3 py-2 overflow-hidden">
                                                     <AccountCodeSelect value={line.account_code} accountCodes={accountCodes}
                                                         triggerId={`c-account-${index}`}
                                                         onTab={() => document.getElementById(`c-partner-${index}`)?.focus()}
@@ -2128,7 +2146,7 @@ className={`px-2 py-0.5 rounded text-xs font-medium cursor-pointer hover:opacity
                                                             setLines(updated);
                                                         }} />
                                                 </td>
-                                                <td className="px-3 py-2">
+                                                <td className="px-3 py-2 overflow-hidden">
                                                     <TradingPartnerSelect value={line.trading_partner_id} valueName={line.trading_partner_name}
                                                         tradingPartners={tradingPartners}
                                                         triggerId={`c-partner-${index}`}
@@ -2158,7 +2176,7 @@ className={`w-full px-2 py-1.5 text-xs text-right border rounded outline-none fo
                                                         placeholder={line.dc_type === 'credit' ? '금액' : ''}
                                                         className={`w-full px-2 py-1.5 text-xs text-right border rounded outline-none font-medium ${line.dc_type === 'credit' ? 'border-stone-200 focus:ring-2 focus:ring-red-500 text-red-700' : 'bg-stone-100 border-stone-100 text-stone-300'}`} />
                                                 </td>
-                                                <td className="px-3 py-2">
+                                                <td className="px-3 py-2 overflow-hidden">
                                                     <input type="text" id={`c-desc-${index}`} value={line.description || ''}
                                                         onChange={(e) => updateLine(index, 'description', e.target.value)}
                                                         onKeyDown={(e) => { if (e.key === 'Tab' && !e.shiftKey) { e.preventDefault(); const next = document.getElementById(`c-account-${index + 1}`); if (next) next.focus(); } }}
@@ -2503,16 +2521,25 @@ className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:rin
                         <div>
                             <h4 className="text-sm font-semibold text-stone-700 mb-3">분개 내역</h4>
                             <div className="overflow-x-auto">
-                                <table className="w-full text-sm table-fixed">
+                                <table className="w-full text-sm" style={{ tableLayout: 'fixed' }}>
+                                    <colgroup>
+                                        <col style={{ width: '70px' }} />
+                                        <col style={{ width: '160px' }} />
+                                        <col style={{ width: '160px' }} />
+                                        <col style={{ width: '110px' }} />
+                                        <col style={{ width: '110px' }} />
+                                        <col />
+                                        <col style={{ width: '40px' }} />
+                                    </colgroup>
                                     <thead>
                                         <tr className="bg-stone-50 border-b border-stone-200">
-                                            <th className="px-3 py-2 text-center font-medium text-stone-600 w-[70px]">구분</th>
-                                            <th className="px-3 py-2 text-left font-medium text-stone-600 w-[180px]">계정과목</th>
-                                            <th className="px-3 py-2 text-left font-medium text-stone-600 w-[160px]">거래처</th>
-                                            <th className="px-3 py-2 text-right font-medium text-stone-600 w-[120px]">차변</th>
-                                            <th className="px-3 py-2 text-right font-medium text-stone-600 w-[120px]">대변</th>
+                                            <th className="px-3 py-2 text-center font-medium text-stone-600">구분</th>
+                                            <th className="px-3 py-2 text-left font-medium text-stone-600">계정과목</th>
+                                            <th className="px-3 py-2 text-left font-medium text-stone-600">거래처</th>
+                                            <th className="px-3 py-2 text-right font-medium text-stone-600">차변</th>
+                                            <th className="px-3 py-2 text-right font-medium text-stone-600">대변</th>
                                             <th className="px-3 py-2 text-left font-medium text-stone-600">적요</th>
-                                            <th className="px-3 py-2 text-center font-medium text-stone-600 w-[40px]"></th>
+                                            <th className="px-3 py-2 text-center font-medium text-stone-600"></th>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -2525,7 +2552,7 @@ className={`px-2 py-0.5 rounded text-xs font-medium cursor-pointer hover:opacity
                                                         {line.dc_type === 'debit' ? '차변' : '대변'}
                                                     </button>
                                                 </td>
-                                                <td className="px-3 py-2">
+                                                <td className="px-3 py-2 overflow-hidden">
                                                     <AccountCodeSelect
                                                         value={line.account_code}
                                                         accountCodes={accountCodes}
@@ -2538,7 +2565,7 @@ className={`px-2 py-0.5 rounded text-xs font-medium cursor-pointer hover:opacity
                                                         }}
                                                     />
                                                 </td>
-                                                <td className="px-3 py-2">
+                                                <td className="px-3 py-2 overflow-hidden">
                                                     <TradingPartnerSelect
                                                         value={line.trading_partner_id}
                                                         valueName={line.trading_partner_name}
@@ -2573,7 +2600,7 @@ className={`w-full px-2 py-1.5 text-xs text-right border rounded outline-none fo
                                                         className={`w-full px-2 py-1.5 text-xs text-right border rounded outline-none font-medium ${line.dc_type === 'credit' ? 'border-stone-200 focus:ring-2 focus:ring-red-500 text-red-700' : 'bg-stone-100 border-stone-100 text-stone-300'}`}
                                                     />
                                                 </td>
-                                                <td className="px-3 py-2">
+                                                <td className="px-3 py-2 overflow-hidden">
                                                     <input type="text" id={`b-desc-${index}`} value={line.description || ''}
                                                         onChange={(e) => updateLine(index, 'description', e.target.value)}
                                                         onKeyDown={(e) => { if (e.key === 'Tab' && !e.shiftKey) { e.preventDefault(); const next = document.getElementById(`b-account-${index + 1}`); if (next) next.focus(); } }}