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:
@@ -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');
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user