shawn/pi-multifx-pedal
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Settings ⚙ button now links to /settings page with left nav sidebar

Browse Source 
The React tab bar's Settings button previously showed a minimal inline
component. Now it navigates to /settings which has the full settings
page with left sidebar navigation and category views.
This commit is contained in:
Shawn
2026-06-16 18:24:32 -04:00
parent 23a83cbd7b
commit a7d8a27975
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/ui-dist/assets/index-jhtO2NOz.js → src/web/ui-dist/assets/index-DFFBeBW_.js
+1 -1
View File
File diff suppressed because one or more lines are too long
src/web/ui-dist/index.html
+1 -1
View File
@@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/ui/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/ui/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ui</title> <title>ui</title>
<script type="module" crossorigin src="/ui/assets/index-jhtO2NOz.js"></script> <script type="module" crossorigin src="/ui/assets/index-DFFBeBW_.js"></script>
<link rel="stylesheet" crossorigin href="/ui/assets/index-D3aC6klh.css"> <link rel="stylesheet" crossorigin href="/ui/assets/index-D3aC6klh.css">
</head> </head>
<body> <body>
ui/src/App.tsx
+5 -1
View File
@@ -655,7 +655,11 @@ function PedalContent() {
{/* ── Tab Bar ── */} {/* ── Tab Bar ── */}
<div className="pedal-tabbar"> <div className="pedal-tabbar">
{TABS.map(t => ( {TABS.map(t => (
<div key={t.id} className={`pedal-tab ${tab === t.id ? 'pedal-tab-active' : ''}`} onClick={() => setTab(t.id)}> <div key={t.id} className={`pedal-tab ${tab === t.id ? 'pedal-tab-active' : ''}`}
onClick={() => {
if (t.id === 'settings') { window.location.href = '/settings'; return; }
setTab(t.id);
}}>
<span className="pedal-tab-icon">{t.icon}</span> <span className="pedal-tab-icon">{t.icon}</span>
{t.label} {t.label}
</div> </div>