fix(modal): 상세 모달 폭 확대 + 공개/비공개 배지 클릭 토글

- 모달 max-width 760→880px (min-width 아님: 화면 분할 시 잘림 방지 위해
  반응형 유지).
- 상세 모달의 '공개/비공개' 배지를 소유자가 클릭하면 바로 토글되도록 변경.
  별도 '비공개로 전환' 버튼은 제거(배지가 그 역할). 삭제 버튼은 유지.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-02 16:04:19 +09:00
parent 6c2bb888b4
commit b512ab2143
3 changed files with 16 additions and 7 deletions

View File

@@ -20,7 +20,17 @@
<div class="modal-title-line">
<span class="modal-repoico"><%- icon("repo", { size: 18 }) %></span>
<h3 class="modal-title"><%= p.title %></h3>
<span class="vis-badge <%= p.is_public ? "public" : "private" %>"><%- icon(p.is_public ? "globe" : "lock", { size: 11 }) %><%= p.is_public ? "공개" : "비공개" %></span>
<% if (p.owner_sabun === me) { %>
<form method="post" action="/projects/<%= p.id %>/visibility" class="vis-badge-form" data-stop>
<input type="hidden" name="is_public" value="<%= p.is_public ? "0" : "1" %>" />
<input type="hidden" name="return_to" value="<%= returnTo %>" />
<button type="submit" class="vis-badge vis-badge-btn <%= p.is_public ? "public" : "private" %>" title="클릭하면 <%= p.is_public ? "비공개" : "공개" %>로 전환">
<%- icon(p.is_public ? "globe" : "lock", { size: 11 }) %><%= p.is_public ? "공개" : "비공개" %>
</button>
</form>
<% } else { %>
<span class="vis-badge <%= p.is_public ? "public" : "private" %>"><%- icon(p.is_public ? "globe" : "lock", { size: 11 }) %><%= p.is_public ? "공개" : "비공개" %></span>
<% } %>
</div>
<div class="modal-meta">
<a class="meta-author" href="/u/<%= p.owner_sabun %>" title="<%= p.owner_name || p.owner_sabun %> 프로필">
@@ -62,11 +72,6 @@
<% } %>
<% if (p.owner_sabun === me) { %>
<div class="modal-actions-owner">
<form method="post" action="/projects/<%= p.id %>/visibility">
<input type="hidden" name="is_public" value="<%= p.is_public ? "0" : "1" %>" />
<input type="hidden" name="return_to" value="<%= returnTo %>" />
<button type="submit" class="modal-action"><%- icon(p.is_public ? "lock" : "globe", { size: 14 }) %><%= p.is_public ? "비공개로 전환" : "공개로 전환" %></button>
</form>
<form method="post" action="/projects/<%= p.id %>/delete">
<input type="hidden" name="return_to" value="/" />
<button type="submit" class="comment-link comment-del" data-confirm="이 프로젝트를 삭제할까요? 댓글·반응도 함께 삭제됩니다." style="font-size:12.5px"><%- icon("trash", { size: 13 }) %>프로젝트 삭제</button>