48e0c46bc8
Navbar 는 backdrop-blur-md 를 쓴다. backdrop-filter 가 걸린 요소는 position:fixed 자손의 기준 블록이 되므로, 모달 오버레이의 inset-0 이 뷰포트가 아니라 nav 박스(1396x80)로 잡혔다. 그 결과 모달이 헤더 높이 안에서 잘려 페이지 콘텐츠가 위를 덮는 것처럼 보였다. 오버레이를 document.body 로 포털한다. 조상의 기준 블록·쌓임 맥락에서 완전히 벗어나므로 푸터 등 다른 위치에서 열어도 같은 문제가 생기지 않는다. 실측: 수정 전 오버레이 높이 80px → 수정 후 893px(뷰포트와 일치), 화면 중앙 좌표가 모달 내부로 잡히는 것 확인. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| components | ||
| contexts | ||
| data | ||
| hooks | ||
| lib | ||
| pages | ||
| services | ||
| types | ||
| App.tsx | ||
| index.css | ||
| main.tsx | ||
| vite-env.d.ts | ||