fix(profile): 한줄 소개 편집을 ✓/✕ 아이콘 버튼으로 변경

텍스트 저장/취소 버튼이 줄바꿈되며 프로필 카드를 밀어버리던 문제 수정. input과 같은 줄에 24px check(저장)/x(취소) 아이콘 버튼 2개 배치. JS의 textContent 토글 제거(아이콘 지워지지 않도록 disabled만).

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2026-07-10 16:44:47 +09:00
parent 2357dbd152
commit 5c76786ada
4 changed files with 9 additions and 6 deletions

View File

@@ -37,8 +37,8 @@
<% if (isSelf) { %>
<form class="profile-bio-form" id="bioForm" method="post" action="/profile/bio" hidden>
<input type="text" name="bio" id="bioInput" maxlength="80" value="<%= profile.bio || "" %>" placeholder="한줄 소개 (최대 80자)" autocomplete="off" />
<button type="submit" class="btn btn-success" id="bioSave">저장</button>
<button type="button" class="btn" id="bioCancel">취소</button>
<button type="submit" class="profile-bio-edit profile-bio-save" id="bioSave" title="저장" aria-label="한줄 소개 저장"><%- icon("check", { size: 14 }) %></button>
<button type="button" class="profile-bio-edit" id="bioCancel" title="취소" aria-label="한줄 소개 편집 취소"><%- icon("x", { size: 14 }) %></button>
</form>
<% } %>
<% } %>