fix: 콘텐츠 캘린더 흐림 현상 근본 해결 — nav backdrop-blur 제거

- Navbar/ReportNav의 backdrop-blur-lg가 스크롤 시 섹션을 덮는
  GPU 합성 블러 레이어를 만들어 콘텐츠 캘린더가 흐려 보임
- bg-white/95 단색으로 교체 (시각적 차이 미미, 블러 부작용 제거)
- 이전 커밋(5f7d58c, aac1367)의 motion/whileInView 제거는
  원인이 아니었음 — 조상 nav의 backdrop-filter가 진범

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
main
Haewon Kam 2026-04-14 15:59:10 +09:00
parent aac1367808
commit eaf215ea6d
2 changed files with 2 additions and 2 deletions

View File

@ -3,7 +3,7 @@ import { motion } from 'motion/react';
export default function Navbar() { export default function Navbar() {
return ( return (
<nav className="fixed top-0 left-0 right-0 z-50 bg-white/70 backdrop-blur-lg border-b border-white/20"> <nav className="fixed top-0 left-0 right-0 z-50 bg-white/95 border-b border-slate-100">
<div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between"> <div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
<Link to="/" className="flex items-center gap-2"> <Link to="/" className="flex items-center gap-2">
<span className="font-serif text-3xl font-black tracking-[0.05em] bg-gradient-to-r from-[#4F1DA1] to-[#021341] bg-clip-text text-transparent">INFINITH</span> <span className="font-serif text-3xl font-black tracking-[0.05em] bg-gradient-to-r from-[#4F1DA1] to-[#021341] bg-clip-text text-transparent">INFINITH</span>

View File

@ -50,7 +50,7 @@ export function ReportNav({ sections }: ReportNavProps) {
}; };
return ( return (
<nav data-report-nav className="sticky top-20 z-40 bg-white/80 backdrop-blur-lg border-b border-slate-100"> <nav data-report-nav className="sticky top-20 z-40 bg-white/95 border-b border-slate-100">
<div <div
ref={navRef} ref={navRef}
className="max-w-7xl mx-auto flex overflow-x-auto scrollbar-hide" className="max-w-7xl mx-auto flex overflow-x-auto scrollbar-hide"