fix:결제 내역 모달 폭 확대 및 내용 컬럼 비율 조정

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
김보곤
2026-02-20 10:37:10 +09:00
parent 23abe912e4
commit 8ed7b2698a

View File

@@ -925,7 +925,7 @@ className="flex-1 px-4 py-2 bg-violet-600 hover:bg-violet-700 text-white rounded
{/* 결제 내역 수정 모달 */}
{showPrepaymentModal && (
<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
<div className="bg-white rounded-xl p-6 w-full max-w-lg mx-4 max-h-[90vh] overflow-y-auto">
<div className="bg-white rounded-xl p-6 w-full max-w-3xl mx-4 max-h-[90vh] overflow-y-auto">
<div className="flex items-center justify-between mb-4">
<h3 className="text-lg font-bold text-gray-900">결제 내역 수정</h3>
<button
@@ -937,18 +937,18 @@ className="p-1 hover:bg-gray-100 rounded-lg"
</div>
{/* 항목 헤더 */}
<div className="grid grid-cols-12 gap-2 mb-2 text-xs font-medium text-gray-500">
<div className="col-span-3">날짜</div>
<div className="col-span-3">금액</div>
<div className="col-span-5">내용</div>
<div className="grid grid-cols-12 gap-3 mb-2 text-xs font-medium text-gray-500">
<div className="col-span-2">날짜</div>
<div className="col-span-2">금액</div>
<div className="col-span-7">내용</div>
<div className="col-span-1"></div>
</div>
{/* 항목 리스트 */}
<div className="space-y-2">
{prepaymentItems.map((item, index) => (
<div key={index} className="grid grid-cols-12 gap-2 items-start">
<div className="col-span-3">
<div key={index} className="grid grid-cols-12 gap-3 items-start">
<div className="col-span-2">
<input
type="date"
value={item.date}
@@ -956,7 +956,7 @@ className="p-1 hover:bg-gray-100 rounded-lg"
className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 text-sm"
/>
</div>
<div className="col-span-3">
<div className="col-span-2">
<input
type="text"
value={formatInputCurrency(item.amount)}
@@ -965,7 +965,7 @@ className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 foc
className="w-full px-2 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 text-sm text-right"
/>
</div>
<div className="col-span-5">
<div className="col-span-7">
<textarea
value={item.description}
onChange={(e) => updatePrepaymentItem(index, 'description', e.target.value)}