SamProject/sam-manage
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:모달창 높이 제한 및 스크롤 기능 개선

Browse Source 
- 모달 최대 높이 80vh로 제한
- 외부 컨테이너에 overflow-y-auto 추가
- 상하 여백(py-8) 추가하여 닫기 버튼 접근성 확보

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
pro
2026-01-22 20:52:37 +09:00
parent b5d69137a8
commit d2c8049e46
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/views/credit/inquiry/index.blade.php
View File

@@ -233,8 +233,9 @@ class="flex-1 bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transitio
</div>
<!-- 원본 데이터 모달 -->
<div id="rawDataModal" class="fixed inset-0 bg-black bg-opacity-50 hidden z-50 flex items-center justify-center">
<div class="bg-white rounded-lg shadow-xl w-full max-w-6xl mx-4 max-h-[90vh] flex flex-col">
<div id="rawDataModal" class="fixed inset-0 bg-black bg-opacity-50 hidden z-50 overflow-y-auto py-8">
<div class="flex items-start justify-center min-h-full">
<div class="bg-white rounded-lg shadow-xl w-full max-w-6xl mx-4 max-h-[80vh] flex flex-col">
<div class="flex items-center justify-between p-4 border-b flex-shrink-0">
<div>
<h3 class="text-lg font-semibold text-gray-800">원본 데이터</h3>
@@ -250,11 +251,13 @@ class="flex-1 bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transitio
<!-- 원본 데이터 렌더링 -->
</div>
</div>
</div>
</div>
<!-- 리포트 모달 -->
<div id="reportModal" class="fixed inset-0 bg-black bg-opacity-50 hidden z-50 flex items-center justify-center">
<div class="bg-stone-50 rounded-lg shadow-xl w-full max-w-6xl mx-4 max-h-[95vh] flex flex-col">
<div id="reportModal" class="fixed inset-0 bg-black bg-opacity-50 hidden z-50 overflow-y-auto py-8">
<div class="flex items-start justify-center min-h-full">
<div class="bg-stone-50 rounded-lg shadow-xl w-full max-w-6xl mx-4 max-h-[80vh] flex flex-col">
<div class="flex items-center justify-between p-4 border-b bg-white flex-shrink-0 rounded-t-lg">
<div class="flex items-center gap-3">
<div class="w-10 h-10 bg-blue-600 rounded-lg flex items-center justify-center text-white font-bold text-xl shadow-sm">S</div>
@@ -281,6 +284,7 @@ class="flex-1 bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transitio
<!-- 리포트 렌더링 -->
</div>
</div>
</div>
</div>
@endsection