Ionosphere.tv
fix: tighten day micronav — w-8, hide when single day
Narrowed from w-10 to w-8, hides entirely when there's only one day
(e.g. filtered concept/speaker views).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+14
-12
+14
-12
apps/ionosphere/src/app/talks/TalksListContent.tsx
+14
-12
apps/ionosphere/src/app/talks/TalksListContent.tsx
···
192
192
193
193
return (
194
194
<div className="h-full flex">
195
-
{/* Day nav — vertical strip on the left edge */}
196
-
<nav className="shrink-0 w-10 flex flex-col items-center justify-center gap-0 border-r border-neutral-800 py-1 hidden md:flex">
197
-
{dayNav.map(({ day, shortLabel }) => (
198
-
<button
199
-
key={day}
200
-
onClick={() => scrollToDay(day)}
201
-
className="text-[11px] leading-none text-neutral-500 hover:text-neutral-100 transition-colors w-6 h-6 flex items-center justify-center"
202
-
>
203
-
{shortLabel}
204
-
</button>
205
-
))}
206
-
</nav>
195
+
{/* Day nav — vertical strip on the left edge (only when 2+ days) */}
196
+
{dayNav.length > 1 && (
197
+
<nav className="shrink-0 w-8 hidden md:flex flex-col items-center justify-center border-r border-neutral-800 py-1">
198
+
{dayNav.map(({ day, shortLabel }) => (
199
+
<button
200
+
key={day}
201
+
onClick={() => scrollToDay(day)}
202
+
className="text-[11px] leading-none text-neutral-500 hover:text-neutral-100 transition-colors w-7 h-7 flex items-center justify-center"
203
+
>
204
+
{shortLabel}
205
+
</button>
206
+
))}
207
+
</nav>
208
+
)}
207
209
208
210
{/* Main: search + multi-column talk list */}
209
211
<div className={`flex-1 min-w-0 overflow-y-auto p-4 ${showMobilePlayer ? "hidden md:block" : ""}`}>