fix: 콘텐츠 캘린더 흐림 현상 근본 해결 — nav backdrop-blur 제거
- Navbar/ReportNav의 backdrop-blur-lg가 스크롤 시 섹션을 덮는 GPU 합성 블러 레이어를 만들어 콘텐츠 캘린더가 흐려 보임 - bg-white/95 단색으로 교체 (시각적 차이 미미, 블러 부작용 제거) - 이전 커밋(main5f7d58c,aac1367)의 motion/whileInView 제거는 원인이 아니었음 — 조상 nav의 backdrop-filter가 진범 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
parent
aac1367808
commit
eaf215ea6d
|
|
@ -3,7 +3,7 @@ import { motion } from 'motion/react';
|
|||
|
||||
export default function Navbar() {
|
||||
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">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ export function ReportNav({ sections }: ReportNavProps) {
|
|||
};
|
||||
|
||||
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
|
||||
ref={navRef}
|
||||
className="max-w-7xl mx-auto flex overflow-x-auto scrollbar-hide"
|
||||
|
|
|
|||
Loading…
Reference in New Issue