fix:전자세금계산서 공급자/공급받는자 테이블 열 비율 조정

This commit is contained in:
김보곤
2026-02-04 11:04:35 +09:00
parent 57c6e1c40a
commit d3154d9ad8

View File

@@ -253,18 +253,25 @@
{/* === 공급자 (왼쪽 - 분홍색) === */}
<div className="border-r border-gray-300">
<table className="w-full text-sm" style=@{{tableLayout:'fixed'}}>
<colgroup>
<col style=@{{width:'36px'}} />
<col style=@{{width:'60px'}} />
<col />
<col style=@{{width:'60px'}} />
<col style=@{{width:'22%'}} />
</colgroup>
<tbody>
{/* 등록번호 / 종사업장 */}
<tr>
<td className="w-10 px-1 py-2.5 bg-red-100 text-red-700 font-bold text-center border border-gray-200 align-middle" rowSpan="6" style=@{{writingMode:'vertical-rl', textOrientation:'upright', letterSpacing:'0.15em', fontSize:'13px'}}>
<td className="px-1 py-2.5 bg-red-100 text-red-700 font-bold text-center border border-gray-200 align-middle" rowSpan="6" style=@{{writingMode:'vertical-rl', textOrientation:'upright', letterSpacing:'0.15em', fontSize:'13px'}}>
공급자
</td>
<td className={thStyleRed} style=@{{width:'64px'}}>등록번호</td>
<td className={thStyleRed}>등록번호</td>
<td className={tdStyle}>
<input type="text" className={inputReadonly} value={formData.supplierBizno} readOnly />
</td>
<td className={thStyleRed} style=@{{width:'64px'}}>종사업장</td>
<td className={tdStyle} style=@{{width:'72px'}}>
<td className={thStyleRed}>종사업장</td>
<td className={tdStyle}>
<input type="text" className={inputReadonly} readOnly />
</td>
</tr>
@@ -322,21 +329,28 @@
{/* === 공급받는자 (오른쪽 - 파란색) === */}
<div>
<table className="w-full text-sm" style=@{{tableLayout:'fixed'}}>
<colgroup>
<col style=@{{width:'36px'}} />
<col style=@{{width:'60px'}} />
<col />
<col style=@{{width:'60px'}} />
<col style=@{{width:'22%'}} />
</colgroup>
<tbody>
{/* 등록번호 / 종사업장 */}
<tr>
<td className="w-10 px-1 py-2.5 bg-blue-100 text-blue-700 font-bold text-center border border-gray-200 align-middle" rowSpan="6" style=@{{writingMode:'vertical-rl', textOrientation:'upright', letterSpacing:'0.1em', fontSize:'12px'}}>
<td className="px-1 py-2.5 bg-blue-100 text-blue-700 font-bold text-center border border-gray-200 align-middle" rowSpan="6" style=@{{writingMode:'vertical-rl', textOrientation:'upright', letterSpacing:'0.1em', fontSize:'12px'}}>
공급받는자
</td>
<td className={thStyleBlue} style=@{{width:'64px'}}>등록번호</td>
<td className={thStyleBlue}>등록번호</td>
<td className={tdStyle}>
<div className="flex gap-1">
<input type="text" className={inputEditable + " flex-1"} placeholder="000-00-00000" value={formData.recipientBizno} onChange={(e) => setFormData({ ...formData, recipientBizno: e.target.value })} required />
<button type="button" className="px-2 py-1 bg-blue-500 text-white text-xs font-medium rounded hover:bg-blue-600 transition-colors whitespace-nowrap flex-shrink-0">검색</button>
</div>
</td>
<td className={thStyleBlue} style=@{{width:'64px'}}>종사업장</td>
<td className={tdStyle} style=@{{width:'72px'}}>
<td className={thStyleBlue}>종사업장</td>
<td className={tdStyle}>
<input type="text" className={inputEditable} />
</td>
</tr>