idolpx/meatloaf-config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(MediaManager): improve breadcrumb layout for better responsiveness and folder configuration access

Browse Source
This commit is contained in:
Jaime Idolpx 2026-06-12 20:03:58 -04:00
parent c6bc1fdd52
commit dfe87c05a1
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/MediaManager.tsx
View File

@ -1002,7 +1002,8 @@ export default function MediaManager({ initialPath, rootPath, title, config, set
</div> </div>
{/* Breadcrumb */} {/* Breadcrumb */}
<div className="flex items-center gap-1 text-sm text-neutral-600 overflow-x-auto"> <div className="flex items-center gap-1 text-sm text-neutral-600">
<div className="flex items-center gap-1 overflow-x-auto flex-1 min-w-0">
<button onClick={() => navigateTo(rootPath ?? '/')} className="p-1 rounded hover:bg-neutral-100 flex-shrink-0" title="Root"> <button onClick={() => navigateTo(rootPath ?? '/')} className="p-1 rounded hover:bg-neutral-100 flex-shrink-0" title="Root">
<Home className="w-4 h-4" /> <Home className="w-4 h-4" />
</button> </button>
@ -1038,6 +1039,12 @@ export default function MediaManager({ initialPath, rootPath, title, config, set
); );
})} })}
</div> </div>
{folderConfig !== null && (
<button onClick={() => void handleConfigureFolder()} className="p-1 rounded hover:bg-green-100 text-green-500 flex-shrink-0" title="Folder has .config — click to edit">
<SlidersHorizontal className="w-3.5 h-3.5" strokeWidth={3} />
</button>
)}
</div>
{(folderConfig?.['base_url']) && ( {(folderConfig?.['base_url']) && (
<div className="text-xs text-neutral-400 mt-0.5 truncate"> <div className="text-xs text-neutral-400 mt-0.5 truncate">
Base: {folderConfig?.['base_url']} Base: {folderConfig?.['base_url']}