feat: 테넌트 모달 하단 버튼 플로팅 고정

- 닫기/수정 버튼을 모달 하단에 고정 (flex-shrink-0)
- 콘텐츠 스크롤 시에도 버튼 항상 표시
- 기존 modal-info 내부 버튼 제거

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-12-02 00:11:57 +09:00
parent 7ea8997927
commit 7c7c04f8dc
3 changed files with 26 additions and 13 deletions

View File

@@ -56,6 +56,11 @@ const TenantModal = {
this.modalElement.classList.add('hidden');
document.body.style.overflow = '';
}
// 푸터 숨기기
const footer = document.getElementById('tenant-modal-footer');
if (footer) {
footer.classList.add('hidden');
}
this.currentTenantId = null;
},
@@ -86,6 +91,11 @@ const TenantModal = {
if (content) {
content.innerHTML = data.html;
}
// 푸터 표시
const footer = document.getElementById('tenant-modal-footer');
if (footer) {
footer.classList.remove('hidden');
}
// 구독정보 탭 자동 로드
this.currentTab = ''; // switchTab에서 early return 방지
await this.switchTab('subscription');

View File

@@ -34,6 +34,22 @@ class="text-gray-400 hover:text-gray-600 transition-colors">
</div>
</div>
{{-- 모달 푸터 (하단 고정) --}}
<div id="tenant-modal-footer" class="hidden flex-shrink-0 px-6 py-4 border-t border-gray-200 bg-gray-50">
<div class="flex justify-end gap-2">
<button type="button"
onclick="TenantModal.close()"
class="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50">
닫기
</button>
<button type="button"
onclick="TenantModal.goToEdit()"
class="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700">
수정
</button>
</div>
</div>
</div>
</div>
</div>

View File

@@ -166,17 +166,4 @@ class="px-4 py-2 text-sm font-medium border-b-2 border-transparent text-gray-500
</div>
</div>
{{-- 하단 버튼 --}}
<div class="flex justify-end gap-2 mt-6 pt-4 border-t border-gray-200">
<button type="button"
onclick="TenantModal.close()"
class="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50">
닫기
</button>
<button type="button"
onclick="TenantModal.goToEdit()"
class="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700">
수정
</button>
</div>
</div>