gahusb/web-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
gahusb
2026-04-07 04:44:58 +09:00
parent ff0ee3757c
commit 8af2824c12
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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