diff --git a/frontend/src/components/layout/Header.css b/frontend/src/components/layout/Header.css index 3cc3e00..d688576 100644 --- a/frontend/src/components/layout/Header.css +++ b/frontend/src/components/layout/Header.css @@ -25,8 +25,8 @@ } /* 로고 */ -.logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } -.logo img { height: 40px; width: auto; filter: brightness(0) invert(1); } +.logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; cursor: pointer; text-decoration: none; } +.logo img { height: 40px; width: auto; } .logo-text { color: #fff; font-size: 20px; font-weight: 700; } .logo-text strong { color: var(--accent); } diff --git a/frontend/src/components/layout/Header.jsx b/frontend/src/components/layout/Header.jsx index 6d1250a..53f64fb 100644 --- a/frontend/src/components/layout/Header.jsx +++ b/frontend/src/components/layout/Header.jsx @@ -60,6 +60,7 @@ export default function Header() { const [activeMenu, setActiveMenu] = useState(null); const [mobileOpen, setMobileOpen] = useState(false); const [member, setMember] = useState(null); + const closeTimer = React.useRef(null); const location = useLocation(); const navigate = useNavigate(); @@ -117,10 +118,11 @@ export default function Header() { {MENU.map(menu => (
setActiveMenu(menu.id)} - onMouseLeave={() => setActiveMenu(null)}> + onMouseEnter={() => { clearTimeout(closeTimer.current); setActiveMenu(menu.id); }} + onMouseLeave={() => { closeTimer.current = setTimeout(() => setActiveMenu(null), 200); }}> {activeMenu === menu.id && ( diff --git a/frontend/src/pages/SolutionPage.jsx b/frontend/src/pages/SolutionPage.jsx index 03874f7..c66c47e 100644 --- a/frontend/src/pages/SolutionPage.jsx +++ b/frontend/src/pages/SolutionPage.jsx @@ -287,6 +287,7 @@ export default function SolutionPage() { } /> } /> } /> + } /> ); }