fix:계약 생성 폼 이름/이메일/전화번호 항상 한 행 표시

- md: breakpoint 제거하여 항상 grid-cols-8 적용
- 사이드바 포함 레이아웃에서도 한 행으로 표시

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
김보곤
2026-02-12 18:31:16 +09:00
parent 5c39369530
commit ebee3f195c

View File

@@ -120,14 +120,14 @@ className="w-full border rounded-lg px-3 py-2 text-sm">
{/* 작성자 정보 */}
<div className="bg-white rounded-lg border p-6">
<h2 className="text-lg font-semibold mb-4">작성자 () 정보</h2>
<div className="grid grid-cols-1 md:grid-cols-8 gap-4">
<div className="md:col-span-2">
<div className="grid grid-cols-8 gap-4">
<div className="col-span-2">
<Input label="이름" name="creator_name" value={form.creator_name} error={errors.creator_name} onChange={handleChange} required placeholder="홍길동" />
</div>
<div className="md:col-span-4">
<div className="col-span-4">
<Input label="이메일" name="creator_email" value={form.creator_email} error={errors.creator_email} onChange={handleChange} type="email" required placeholder="hong@example.com" />
</div>
<div className="md:col-span-2">
<div className="col-span-2">
<Input label="전화번호" name="creator_phone" value={form.creator_phone} error={errors.creator_phone} onChange={handleChange} placeholder="010-1234-5678" />
</div>
</div>
@@ -136,14 +136,14 @@ className="w-full border rounded-lg px-3 py-2 text-sm">
{/* 상대방 정보 */}
<div className="bg-white rounded-lg border p-6">
<h2 className="text-lg font-semibold mb-4">상대방 정보</h2>
<div className="grid grid-cols-1 md:grid-cols-8 gap-4">
<div className="md:col-span-2">
<div className="grid grid-cols-8 gap-4">
<div className="col-span-2">
<Input label="이름" name="counterpart_name" value={form.counterpart_name} error={errors.counterpart_name} onChange={handleChange} required placeholder="김철수" />
</div>
<div className="md:col-span-4">
<div className="col-span-4">
<Input label="이메일" name="counterpart_email" value={form.counterpart_email} error={errors.counterpart_email} onChange={handleChange} type="email" required placeholder="kim@example.com" />
</div>
<div className="md:col-span-2">
<div className="col-span-2">
<Input label="전화번호" name="counterpart_phone" value={form.counterpart_phone} error={errors.counterpart_phone} onChange={handleChange} placeholder="010-5678-1234" />
</div>
</div>