JosLe/reaktor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Workshop nav — replace tabs with back arrow to Sandbox

Browse Source 
Simpler navigation: "← Volver" button + "Workshop" title instead
of the Sandbox/SynthQuest/Workshop tab bar.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jose Luis
2026-03-21 20:55:44 +01:00
parent b0522d8b0f
commit f43a315047
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/client/src/components/Workshop.jsx
View File

@@ -199,15 +199,8 @@ export default function Workshop({ onSwitchToSandbox, onSwitchToGame, onSwitchTo
return ( return (
<div className="ws-page"> <div className="ws-page">
<nav className="ws-nav"> <nav className="ws-nav">
<div className="ws-nav-logo"> <button className="ws-back-btn" onClick={onSwitchToSandbox}>← Volver</button>
<div className="auth-logo-box" style={{ width: 32, height: 32, fontSize: 16 }}>~</div> <span style={{ fontSize: 16, fontWeight: 700, color: 'var(--text)' }}>Workshop</span>
<span style={{ fontSize: 16, fontWeight: 700, color: 'var(--text)' }}>Reaktor</span>
</div>
<div className="ws-nav-tabs">
<button className="ws-nav-tab" onClick={onSwitchToSandbox}>Sandbox</button>
<button className="ws-nav-tab" onClick={onSwitchToGame}>SynthQuest</button>
<button className="ws-nav-tab active">Workshop</button>
</div>
<div style={{ flex: 1 }} /> <div style={{ flex: 1 }} />
{isAdmin && onSwitchToAdmin && ( {isAdmin && onSwitchToAdmin && (
<button className="ws-nav-tab" onClick={onSwitchToAdmin} style={{ color: 'var(--yellow)' }}>🛠 Admin</button> <button className="ws-nav-tab" onClick={onSwitchToAdmin} style={{ color: 'var(--yellow)' }}>🛠 Admin</button>

6
packages/client/src/index.css
View File

@@ -903,6 +903,12 @@ input, textarea, [contenteditable] { -webkit-user-select: text; user-select: tex
display: flex; align-items: center; gap: 16px; display: flex; align-items: center; gap: 16px;
padding: 0 0 16px; border-bottom: 1px solid var(--border); padding: 0 0 16px; border-bottom: 1px solid var(--border);
} }
.ws-back-btn {
padding: 6px 12px; border: 1px solid var(--border); border-radius: 6px;
background: var(--surface); color: var(--text2); cursor: pointer;
font-size: 13px; font-weight: 500; font-family: inherit; transition: all 0.15s;
}
.ws-back-btn:hover { border-color: var(--accent); color: var(--text); }
.ws-nav-logo { display: flex; align-items: center; gap: 8px; } .ws-nav-logo { display: flex; align-items: center; gap: 8px; }
.ws-nav-tabs { display: flex; gap: 4px; } .ws-nav-tabs { display: flex; gap: 4px; }
.ws-nav-tab { .ws-nav-tab {