jason/fabdash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
jasonMPM
2026-03-05 16:21:00 -06:00
committed by GitHub
parent 1569f2e635
commit f27fb5fca4
2 changed files with 28 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
frontend/src/App.jsx
View File

@@ -40,34 +40,36 @@ export default function App() {
<ProjectList onRegisterNewProject={fn => { newProjectFn.current = fn }} />
</aside>
{/* Sidebar toggle — arrow when open, mini logo when collapsed */}
{/* Toggle button — ◀ tab when open, logo-only square when collapsed */}
<button
onClick={toggleSidebar}
title={`${sidebarOpen ? 'Collapse' : 'Expand'} sidebar [B]`}
className={`absolute top-0 z-30 flex flex-col items-center justify-center
border-r border-b border-surface-border bg-surface-raised
hover:border-gold/40 transition-all duration-300
className={`absolute z-30 flex items-center justify-center
border-surface-border bg-surface-raised hover:bg-surface-elevated
transition-all duration-300
${sidebarOpen
? 'w-6 h-10 top-4 rounded-r-lg border-l-0 hover:bg-surface-elevated'
: 'w-14 h-14 top-0 rounded-br-xl border-l-0 hover:bg-surface-elevated/80'
? 'top-4 w-5 h-10 rounded-r-lg border border-l-0 hover:border-gold/40'
: 'top-0 left-0 w-16 h-16 rounded-br-2xl border-r border-b hover:border-gold/30'
}`}
style={{ left: sidebarOpen ? 'calc(var(--sidebar-w, 18rem))' : 0 }}
style={{ left: sidebarOpen ? 'var(--tw-sidebar-left, 18rem)' : 0 }}
>
{sidebarOpen ? (
<span className="text-text-muted hover:text-gold text-xs leading-none">◀</span>
<span className="text-text-muted hover:text-gold text-[10px]">◀</span>
) : (
<div className="flex flex-col items-center gap-0.5">
<img
src="/logo.png"
alt="FabDash"
className="w-8 h-8 object-contain rounded"
onError={e => { e.target.style.display='none'; e.target.nextSibling.style.display='block' }}
/>
{/* Fallback if logo not yet placed */}
<span className="text-gold text-[10px] font-black tracking-widest hidden">FD</span>
<span className="text-text-muted/50 text-[8px] mt-0.5">▶</span>
</div>
<img
src="/logo.png"
alt="FabDash"
className="w-10 h-10 object-contain rounded"
onError={e => {
e.target.style.display = 'none'
e.target.nextSibling.style.display = 'flex'
}}
/>
)}
{/* Fallback when no logo file present */}
<span className="text-gold font-black text-sm tracking-widest hidden flex-col items-center leading-none">
<span>FAB</span><span className="text-white">DASH</span>
</span>
</button>
{/* Main content */}