[feat](trx-frontend-http): one navigation model at every width

Eight destinations sat flat in the tab strip with equal weight, competing with the controls for the same row and then scrolling out of reach with only a fade to say so. They are not equal: Radio is where an operator spends nearly all their time, Bookmarks, Digital modes and Map are operating surfaces, and Statistics, Recorder, Settings and About are occasional. The mobile layout already grouped them exactly that way, behind its More menu, so the application carried two navigation models. Adopt the mobile grouping at every width instead of adding a third: four operating tabs plus More. The strip no longer scrolls at any width, and the menu keeps its bottom-sheet placement on mobile while anchoring under its button elsewhere. Drop the labels between 701 and 1180px so the tabs degrade to their icons — which every tab already carries — before the strip could ever need to hide a destination. Rename Main to Radio: it is the receiver, not a generic first page, and the name now says what the destination is rather than where it sits. Freeing that width also let the style picker and theme toggle return to the bar inline, leaving only the layout picker in the overflow menu. Navigating to About in the browser smoke test now goes through More, as a person would. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01GdyUjuXejCEfiub675z6cz Signed-off-by: Stan Grams <sjg@haxx.space>
2026-08-02 19:12:14 +02:00
parent 3a9bf1b7ce
commit 27f2558193
3 changed files with 32 additions and 4 deletions
@@ -46,7 +46,7 @@ SPDX-License-Identifier: GPL-2.0-or-later
        <div class="tab-bar-nav" aria-label="Primary navigation">
          <button class="tab active" data-tab="main">
            <svg class="tab-icon" aria-hidden="true"><use href="#icon-home"/></svg>
-            <span class="tab-label">Main</span>
+            <span class="tab-label">Radio</span>
          </button>
          <button class="tab" data-tab="bookmarks">
            <svg class="tab-icon" aria-hidden="true"><use href="#icon-bookmark"/></svg>