fix(mobile): TBM 모바일 버튼 반응성 개선 + 로딩 오버레이 추가

touch-action: manipulation으로 더블탭 줌 방지, busy guard로 중복 호출 차단,
waitForApi 전환, CSS 스피너 로딩 오버레이로 비동기 작업 피드백 제공

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-02-27 08:40:46 +09:00
parent 5183e9ff85
commit af4bd26b06
3 changed files with 108 additions and 5 deletions

View File

@@ -16,6 +16,11 @@
padding: 0;
padding-bottom: env(safe-area-inset-bottom);
-webkit-font-smoothing: antialiased;
touch-action: manipulation;
}
button, .worker-card, .list-item, .list-item-skip, .pill-btn, .pill-btn-add,
.nav-btn, .select-all-btn, [onclick] {
touch-action: manipulation;
}
@media (min-width: 480px) {
body { max-width: 480px; margin: 0 auto; min-height: 100vh; }
@@ -808,7 +813,7 @@
<!-- Loading Overlay -->
<div id="loadingOverlay" class="loading-overlay">
<div class="loading-spinner"></div>
<div class="loading-text">데이터를 불러오는 중...</div>
<div class="loading-text" id="loadingText">데이터를 불러오는 중...</div>
</div>
<!-- Toast Container -->