Nav: move Ideas and About to right-side menu (desktop + hamburger)

This commit is contained in:
Davide Scaini
2026-05-13 20:44:54 +02:00
parent fc012b5311
commit a4b4d11fc0
+15 -2
View File
@@ -221,8 +221,6 @@ try {
<a href={`${baseUrl}convert/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Convert</a> <a href={`${baseUrl}convert/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Convert</a>
)} )}
<a href={`${baseUrl}segments/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Segments</a> <a href={`${baseUrl}segments/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Segments</a>
<a href={`${baseUrl}ideas/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Ideas</a>
<a id="nav-about" href={`${baseUrl}about/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">About</a>
{wikiUrl && ( {wikiUrl && (
<a id="nav-wiki" href={wikiUrl} style="display:none" <a id="nav-wiki" href={wikiUrl} style="display:none"
class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Wiki</a> class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Wiki</a>
@@ -241,6 +239,15 @@ try {
title="" title=""
class="hidden sm:flex text-xs px-2 py-0.5 rounded-full bg-amber-900/60 text-amber-300 border border-amber-700/50 animate-pulse cursor-default" class="hidden sm:flex text-xs px-2 py-0.5 rounded-full bg-amber-900/60 text-amber-300 border border-amber-700/50 animate-pulse cursor-default"
></span> ></span>
<!-- Ideas / About — always visible on desktop -->
<a
href={`${baseUrl}ideas/`}
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
>Ideas</a>
<a
href={`${baseUrl}about/`}
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
>About</a>
<!-- Settings link — hidden until logged in --> <!-- Settings link — hidden until logged in -->
<a <a
id="nav-settings" id="nav-settings"
@@ -295,6 +302,12 @@ try {
<a href={`${baseUrl}segments/`} <a href={`${baseUrl}segments/`}
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors" class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
style="color: var(--text-4)">Segments</a> style="color: var(--text-4)">Segments</a>
<a href={`${baseUrl}ideas/`}
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
style="color: var(--text-4)">Ideas</a>
<a href={`${baseUrl}about/`}
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
style="color: var(--text-4)">About</a>
<a href={`${baseUrl}settings/`} <a href={`${baseUrl}settings/`}
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors" class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
style="color: var(--text-4)">Settings</a> style="color: var(--text-4)">Settings</a>