kent
7c7c04f8dc
- 닫기/수정 버튼을 모달 하단에 고정 (flex-shrink-0) - 콘텐츠 스크롤 시에도 버튼 항상 표시 - 기존 modal-info 내부 버튼 제거 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
2.5 KiB
PHP
55 lines
2.5 KiB
PHP
{{-- 테넌트 정보 모달 --}}
|
|
<div id="tenant-modal"
|
|
class="hidden fixed inset-0 z-50 overflow-y-auto"
|
|
aria-labelledby="tenant-modal-title"
|
|
role="dialog"
|
|
aria-modal="true">
|
|
|
|
{{-- 배경 오버레이 --}}
|
|
<div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>
|
|
|
|
{{-- 모달 컨테이너 --}}
|
|
<div class="flex min-h-full items-start justify-center p-4 pt-16">
|
|
<div class="relative bg-white rounded-lg shadow-xl w-full max-w-5xl max-h-[85vh] flex flex-col">
|
|
|
|
{{-- 모달 헤더 --}}
|
|
<div class="flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0">
|
|
<h2 id="tenant-modal-title" class="text-xl font-semibold text-gray-800">
|
|
테넌트 정보
|
|
</h2>
|
|
<button type="button"
|
|
onclick="TenantModal.close()"
|
|
class="text-gray-400 hover:text-gray-600 transition-colors">
|
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
{{-- 모달 콘텐츠 --}}
|
|
<div id="tenant-modal-content" class="flex-1 overflow-y-auto">
|
|
{{-- 콘텐츠는 JS로 로드됨 --}}
|
|
<div class="flex items-center justify-center h-64">
|
|
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
|
|
</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> |