fix: [카드사용내역] 분개 수정 모달 테이블 레이아웃 깨짐 수정
- ecard/index.blade.php의 분개 테이블에 table-fixed + colgroup 비율 적용 - 계정과목/거래처 td에 overflow-hidden 추가 - 차/대 10%, 계정과목 22%, 거래처 28%, 차변/대변 각 17%, 삭제 6%
This commit is contained in:
@@ -1001,15 +1001,23 @@ className={`px-3 py-1.5 text-sm cursor-pointer ${index === highlightIndex ? 'bg-
|
||||
) : (
|
||||
<div>
|
||||
<h4 className="text-sm font-semibold text-stone-700 mb-3">분개 내역</h4>
|
||||
<table className="w-full text-sm border border-stone-200 rounded-lg overflow-hidden">
|
||||
<table className="w-full text-sm border border-stone-200 rounded-lg overflow-hidden" style={{ tableLayout: 'fixed' }}>
|
||||
<colgroup>
|
||||
<col style={{ width: '10%' }} />
|
||||
<col style={{ width: '22%' }} />
|
||||
<col style={{ width: '28%' }} />
|
||||
<col style={{ width: '17%' }} />
|
||||
<col style={{ width: '17%' }} />
|
||||
<col style={{ width: '6%' }} />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr className="bg-stone-100">
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200 w-16">차/대</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200">차/대</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200">계정과목</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200">거래처</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200 w-32">차변금액</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200 w-32">대변금액</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200 w-10"></th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200">차변금액</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200">대변금액</th>
|
||||
<th className="px-3 py-2 text-center text-xs font-semibold text-stone-600 border-b border-stone-200"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -1025,7 +1033,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}
|
||||
onChange={(code, name) => {
|
||||
@@ -1034,7 +1042,7 @@ className={`px-2 py-0.5 rounded text-xs font-medium cursor-pointer hover:opacity
|
||||
accountCodes={accountCodes}
|
||||
/>
|
||||
</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}
|
||||
|
||||
Reference in New Issue
Block a user