fix: 필수 표시를 텍스트 * 로 변경 — span 요소가 레이아웃 깨트리는 문제 수정

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-07 04:44:58 +09:00
parent ff0ee3757c
commit 8af2824c12

View File

@@ -807,8 +807,6 @@ function ProfileTab() {
}
};
const reqMark = <span style={{ color: '#f43f5e', marginLeft: 2 }}>*</span>;
if (loading) return <div className="sub-empty">불러오는 ...</div>;
return (
@@ -873,11 +871,11 @@ function ProfileTab() {
<div className="sub-form-checks">
<label className="sub-form-check">
<input type="checkbox" checked={!!profile.is_homeless} onChange={() => handleCheckbox('is_homeless')} />
무주택자{reqMark}
무주택자 *
</label>
<label className="sub-form-check">
<input type="checkbox" checked={!!profile.is_householder} onChange={() => handleCheckbox('is_householder')} />
세대주{reqMark}
세대주 *
</label>
<label className="sub-form-check">
<input type="checkbox" checked={!!profile.has_dependents} onChange={() => handleCheckbox('has_dependents')} />
@@ -899,7 +897,7 @@ function ProfileTab() {
<div className="sub-form-row--three" style={{ display: 'grid', gridTemplateColumns: '1fr 1fr 1fr', gap: 12 }}>
<label className="sub-form-label">
청약 납입 기간 (개월){reqMark}
청약 납입 기간 (개월) *
<input
className="sub-form-input"
type="number"
@@ -919,7 +917,7 @@ function ProfileTab() {
/>
</label>
<label className="sub-form-label">
가족 {reqMark}
가족 *
<input
className="sub-form-input"
type="number"
@@ -970,7 +968,7 @@ function ProfileTab() {
<div className="sub-form-row">
<label className="sub-form-label">
선호 지역{reqMark}
선호 지역 *
<input
className="sub-form-input"
value={profile.preferred_regions || ''}