fix(nav): 헤더 로고 클릭 시 메인(대시보드)으로 이동
This commit is contained in:
parent
8276870252
commit
d931281946
@ -4,7 +4,7 @@
|
||||
// 학습 포인트: 코스 라우트는 여기 일일이 쓰지 않는다 — courseCatalog.jsx의 데이터를 .map으로 돌려
|
||||
// 자동 생성한다. 코스가 수백 개로 늘어도 이 파일은 그대로다.
|
||||
import { Suspense, lazy } from 'react';
|
||||
import { Routes, Route, NavLink, Navigate, Outlet, useNavigate, useLocation } from 'react-router-dom';
|
||||
import { Routes, Route, Link, NavLink, Navigate, Outlet, useNavigate, useLocation } from 'react-router-dom';
|
||||
import { CircleUser, KeyRound } from 'lucide-react';
|
||||
import { useAuth } from './AuthContext';
|
||||
import { ALL_COURSES } from './courseCatalog';
|
||||
@ -103,9 +103,10 @@ function Layout() {
|
||||
<>
|
||||
<header className="topnav">
|
||||
<div className="topnav-inner">
|
||||
<div className="topnav-logo">
|
||||
{/* 로고 클릭 → 대시보드(메인). 관례상 로고는 항상 홈으로 가는 통로다. */}
|
||||
<Link to="/" className="topnav-logo">
|
||||
AWESOMEDEV <span>학습 플랫폼</span>
|
||||
</div>
|
||||
</Link>
|
||||
<nav className="topnav-menu">
|
||||
{/* 학습 포인트: NavLink는 현재 주소와 일치하면 isActive=true를 준다.
|
||||
CSS의 .active 클래스로 현재 메뉴를 강조한다. */}
|
||||
|
||||
@ -163,6 +163,7 @@ a {
|
||||
font-weight: 800;
|
||||
font-size: 15px;
|
||||
color: var(--ink);
|
||||
text-decoration: none; /* Link(a)로 바뀌어도 밑줄 없이 */
|
||||
white-space: nowrap;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user