feat: 어드민 적립내역 클릭 시 품목 상세 모달 + 키오스크 UI 개선

- 어드민 최근 적립 내역에서 행 클릭 시 MSSQL 품목 상세 모달 표시
- transaction_id가 있는 행만 클릭 가능 (돋보기 아이콘 표시)
- 키오스크 품목 목록 표시, 세로 모니터 반응형 레이아웃 추가

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
thug0bin
2026-02-25 16:37:50 +09:00
parent 22cbf3d42e
commit cb927d2207
3 changed files with 137 additions and 11 deletions

View File

@@ -202,6 +202,11 @@
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.section table tbody tr[onclick]:hover {
background: #eef2ff;
cursor: pointer;
}
/* 사이드바 레이아웃 */
.layout-wrapper {
display: flex;
@@ -495,12 +500,12 @@
</thead>
<tbody>
{% for tx in recent_transactions %}
<tr>
<tr{% if tx.transaction_id %} onclick="showTransactionDetail('{{ tx.transaction_id }}')" style="cursor: pointer;" title="클릭하여 품목 상세 보기"{% endif %}>
<td>{{ tx.nickname }}</td>
<td class="phone-masked">{{ tx.phone[:3] }}-{{ tx.phone[3:7] }}-{{ tx.phone[7:] if tx.phone|length > 7 else '' }}</td>
<td class="points-positive">{{ "{:,}".format(tx.points) }}P</td>
<td>{{ "{:,}".format(tx.balance_after) }}P</td>
<td>{{ tx.description or tx.reason }}</td>
<td>{{ tx.description or tx.reason }}{% if tx.transaction_id %} <span style="color: #6366f1; font-size: 12px;">🔍</span>{% endif %}</td>
<td>{{ tx.created_at[:16].replace('T', ' ') }}</td>
</tr>
{% endfor %}