refactor(ui): rework top bar nav as cockpit switch row (#697)

Replace the sliding accent pill and blurred underline with material-at-
rest tabs that speak the cyan identity language used elsewhere in the
chrome. Each tab is a full-height button with a tracked-mono uppercase
label, and the active tab carries a crisp 2px cyan rail flush with the
bar's bottom edge.

Drops the <Highlight> primitive, the springs import, and the unused
navTabValue memo/prop from EditorLayout.
This commit is contained in:
Anso
2026-04-19 15:11:16 -04:00
committed by GitHub
parent 9483a09cee
commit ef4455f68d
2 changed files with 27 additions and 39 deletions
-4
View File
@@ -378,9 +378,6 @@ export default function EditorLayout() {
return items;
}, [isAdmin, isPaid, license?.variant, can]);
// Only highlight a tab if activeView matches a nav item
const navTabValue = navItems.some(i => i.value === activeView) ? activeView : undefined;
// Reset editor state (extracted from Home button onClick)
const resetEditorState = () => {
setSelectedFile(null);
@@ -2484,7 +2481,6 @@ export default function EditorLayout() {
<TopBar
activeView={activeView}
navItems={navItems}
navTabValue={navTabValue}
onNavigate={handleNavigate}
mobileNavOpen={mobileNavOpen}
onMobileNavOpenChange={setMobileNavOpen}