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 => (