Skip to content

Commit 2f07854

Browse files
luizomfclaude
andcommitted
fix(nav): disable links for pages not yet implemented
Hardening, Config and KeyGen nav links now render as non-clickable spans with reduced opacity to prevent 404s. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 496ea0a commit 2f07854

1 file changed

Lines changed: 27 additions & 11 deletions

File tree

src/layouts/Base.astro

Lines changed: 27 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@ const canonicalUrl = Astro.url.href;
88
const currentPath = Astro.url.pathname;
99
1010
const navItems = [
11-
{ href: '/', label: 'Home' },
12-
{ href: '/tunnels/', label: 'Tunnels' },
13-
{ href: '/hardening/', label: 'Hardening' },
14-
{ href: '/config/', label: 'Config' },
15-
{ href: '/keygen/', label: 'KeyGen' },
11+
{ href: '/', label: 'Home', disabled: false },
12+
{ href: '/tunnels/', label: 'Tunnels', disabled: false },
13+
{ href: '/hardening/', label: 'Hardening', disabled: true },
14+
{ href: '/config/', label: 'Config', disabled: true },
15+
{ href: '/keygen/', label: 'KeyGen', disabled: true },
1616
];
1717
---
1818

@@ -77,12 +77,18 @@ const navItems = [
7777
<ul class="nav__links">
7878
{navItems.map((item) => (
7979
<li>
80-
<a
81-
href={item.href}
82-
class:list={['nav__link', { 'nav__link--active': currentPath === item.href || currentPath === item.href.slice(0, -1) }]}
83-
>
84-
{item.label}
85-
</a>
80+
{item.disabled ? (
81+
<span class="nav__link nav__link--disabled">
82+
{item.label}
83+
</span>
84+
) : (
85+
<a
86+
href={item.href}
87+
class:list={['nav__link', { 'nav__link--active': currentPath === item.href || currentPath === item.href.slice(0, -1) }]}
88+
>
89+
{item.label}
90+
</a>
91+
)}
8692
</li>
8793
))}
8894
</ul>
@@ -158,6 +164,16 @@ const navItems = [
158164
text-decoration: none;
159165
}
160166

167+
.nav__link--disabled {
168+
opacity: 0.35;
169+
cursor: default;
170+
}
171+
172+
.nav__link--disabled:hover {
173+
color: var(--text-secondary);
174+
background: none;
175+
}
176+
161177
.nav__link--active {
162178
color: var(--accent);
163179
background: var(--accent-glow);

0 commit comments

Comments
 (0)