스토리 뷰 페이지 헤더 z-index 충돌 문제 해결

- 메인 컨테이너 padding-top을 pt-4에서 pt-20으로 증가
- 드롭다운 z-index를 z-[60]으로 설정하여 헤더보다 높은 우선순위 부여
- 스토리 선택 드롭다운이 정상적으로 작동하도록 수정
- 디버깅용 코드 정리
This commit is contained in:
Hyungi Ahn
2025-09-04 10:22:43 +09:00
parent 3ba804276c
commit 43e7466195
11 changed files with 709 additions and 35 deletions

View File

@@ -11,6 +11,14 @@ window.pdfManagerApp = () => ({
isAuthenticated: false,
currentUser: null,
// PDF 미리보기 상태
showPreviewModal: false,
previewPdf: null,
pdfPreviewSrc: '',
pdfPreviewLoading: false,
pdfPreviewError: false,
pdfPreviewLoaded: false,
// 초기화
async init() {
console.log('🚀 PDF Manager App 초기화 시작');
@@ -213,6 +221,56 @@ window.pdfManagerApp = () => ({
}
},
// ==================== PDF 미리보기 관련 ====================
async previewPDF(pdf) {
console.log('👁️ PDF 미리보기:', pdf.title);
this.previewPdf = pdf;
this.showPreviewModal = true;
this.pdfPreviewLoading = true;
this.pdfPreviewError = false;
this.pdfPreviewLoaded = false;
try {
const token = localStorage.getItem('access_token');
if (!token || token === 'null' || token === null) {
throw new Error('인증 토큰이 없습니다. 다시 로그인해주세요.');
}
// PDF 미리보기 URL 설정
this.pdfPreviewSrc = `/api/documents/${pdf.id}/pdf?_token=${encodeURIComponent(token)}`;
console.log('✅ PDF 미리보기 준비 완료:', this.pdfPreviewSrc);
} catch (error) {
console.error('❌ PDF 미리보기 로드 실패:', error);
this.pdfPreviewError = true;
this.showNotification('PDF 미리보기 로드에 실패했습니다: ' + error.message, 'error');
} finally {
this.pdfPreviewLoading = false;
}
},
closePreview() {
this.showPreviewModal = false;
this.previewPdf = null;
this.pdfPreviewSrc = '';
this.pdfPreviewLoading = false;
this.pdfPreviewError = false;
this.pdfPreviewLoaded = false;
},
handlePdfPreviewError() {
console.error('❌ PDF 미리보기 iframe 로드 오류');
this.pdfPreviewError = true;
this.pdfPreviewLoading = false;
},
async retryPdfPreview() {
if (this.previewPdf) {
await this.previewPDF(this.previewPdf);
}
},
// 날짜 포맷팅
formatDate(dateString) {
if (!dateString) return '';