fix:전자세금계산서 공급자/공급받는자 테이블 열 비율 조정
This commit is contained in:
@@ -253,18 +253,25 @@
|
|||||||
{/* === 공급자 (왼쪽 - 분홍색) === */}
|
{/* === 공급자 (왼쪽 - 분홍색) === */}
|
||||||
<div className="border-r border-gray-300">
|
<div className="border-r border-gray-300">
|
||||||
<table className="w-full text-sm" style=@{{tableLayout:'fixed'}}>
|
<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>
|
<tbody>
|
||||||
{/* 등록번호 / 종사업장 */}
|
{/* 등록번호 / 종사업장 */}
|
||||||
<tr>
|
<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>
|
||||||
<td className={thStyleRed} style=@{{width:'64px'}}>등록번호</td>
|
<td className={thStyleRed}>등록번호</td>
|
||||||
<td className={tdStyle}>
|
<td className={tdStyle}>
|
||||||
<input type="text" className={inputReadonly} value={formData.supplierBizno} readOnly />
|
<input type="text" className={inputReadonly} value={formData.supplierBizno} readOnly />
|
||||||
</td>
|
</td>
|
||||||
<td className={thStyleRed} style=@{{width:'64px'}}>종사업장</td>
|
<td className={thStyleRed}>종사업장</td>
|
||||||
<td className={tdStyle} style=@{{width:'72px'}}>
|
<td className={tdStyle}>
|
||||||
<input type="text" className={inputReadonly} readOnly />
|
<input type="text" className={inputReadonly} readOnly />
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -322,21 +329,28 @@
|
|||||||
{/* === 공급받는자 (오른쪽 - 파란색) === */}
|
{/* === 공급받는자 (오른쪽 - 파란색) === */}
|
||||||
<div>
|
<div>
|
||||||
<table className="w-full text-sm" style=@{{tableLayout:'fixed'}}>
|
<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>
|
<tbody>
|
||||||
{/* 등록번호 / 종사업장 */}
|
{/* 등록번호 / 종사업장 */}
|
||||||
<tr>
|
<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>
|
||||||
<td className={thStyleBlue} style=@{{width:'64px'}}>등록번호</td>
|
<td className={thStyleBlue}>등록번호</td>
|
||||||
<td className={tdStyle}>
|
<td className={tdStyle}>
|
||||||
<div className="flex gap-1">
|
<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 />
|
<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>
|
<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>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td className={thStyleBlue} style=@{{width:'64px'}}>종사업장</td>
|
<td className={thStyleBlue}>종사업장</td>
|
||||||
<td className={tdStyle} style=@{{width:'72px'}}>
|
<td className={tdStyle}>
|
||||||
<input type="text" className={inputEditable} />
|
<input type="text" className={inputEditable} />
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
Reference in New Issue
Block a user