gahusb/jaengseung-made
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(redesign): TopNav 다크 라우트 분기 제거 → 단일 라이트 네비

Browse Source 
DARK_ROUTES/isDark 및 다크 팔레트 삼항 전량 제거.
전 라우트 동일 라이트 셸 (스크롤 시 surface+line+shadow).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01A2N6SziVSPfavx1j5rAs52
This commit is contained in:
gahusb
2026-06-30 14:41:40 +09:00
parent 989cc25465
commit 7c6238508b
1 changed files with 9 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/components/TopNav.tsx
View File

@@ -65,17 +65,13 @@ export default function TopNav() {
return () => window.removeEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey);
}, [open]); }, [open]);
// 다크 라우트 판정 // 단일 라이트 팔레트 (전 라우트 동일 — 라우트 분기 제거)
const DARK_ROUTES = ['/', '/outsourcing']; const ink = 'var(--jsm-ink)';
const isDark = DARK_ROUTES.includes(pathname) || pathname.startsWith('/outsourcing/'); const inkSoft = 'var(--jsm-ink-soft)';
const surface = 'var(--jsm-surface)';
// 팔레트 헬퍼 — isDark 분기 const line = 'var(--jsm-line)';
const ink = isDark ? 'var(--jsm-dark-ink)' : 'var(--jsm-ink)'; const accent = 'var(--jsm-accent)';
const inkSoft = isDark ? 'var(--jsm-dark-soft)' : 'var(--jsm-ink-soft)'; const accentBg = 'var(--jsm-accent-soft)';
const surface = isDark ? 'var(--jsm-dark-bg)' : 'var(--jsm-surface)';
const line = isDark ? 'var(--jsm-dark-line)' : 'var(--jsm-line)';
const accent = isDark ? 'var(--jsm-accent-bright)' : 'var(--jsm-accent)';
const accentBg = isDark ? 'rgba(96,165,250,0.12)' : 'var(--jsm-accent-soft)';
const isActive = (href: string) => { const isActive = (href: string) => {
if (href === '/') return pathname === '/'; if (href === '/') return pathname === '/';
@@ -87,13 +83,11 @@ export default function TopNav() {
<header <header
className="fixed top-0 left-0 right-0 z-50 w-full transition-all duration-300" className="fixed top-0 left-0 right-0 z-50 w-full transition-all duration-300"
style={{ style={{
background: scrolled background: scrolled ? 'var(--jsm-surface)' : 'transparent',
? (isDark ? 'rgba(7,13,26,0.85)' : 'var(--jsm-surface)')
: 'transparent',
borderBottom: scrolled borderBottom: scrolled
? `1px solid ${line}` ? `1px solid ${line}`
: '1px solid transparent', : '1px solid transparent',
boxShadow: scrolled && !isDark ? '0 1px 8px rgba(15,23,42,0.06)' : 'none', boxShadow: scrolled ? '0 1px 8px rgba(15,23,42,0.06)' : 'none',
}} }}
> >
<nav className="max-w-7xl mx-auto flex w-full items-center justify-between h-16 px-6 lg:px-8"> <nav className="max-w-7xl mx-auto flex w-full items-center justify-between h-16 px-6 lg:px-8">