Skip to content

Commit 430156d

Browse files
committed
feat: add loading progress bar at top of viewport
- Thin gradient progress bar during file loading - Uses animate-pulse for indeterminate progress - Fixed position at top with z-50
1 parent bd44fc8 commit 430156d

1 file changed

Lines changed: 6 additions & 0 deletions

File tree

structure-insight/App.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,12 @@ const App: React.FC = () => {
2828
onDragLeave={(e) => {e.preventDefault(); e.stopPropagation(); handlers.setIsDragging(false);}}
2929
onDrop={handlers.handleDrop}
3030
>
31+
{/* Loading progress bar */}
32+
{state.isLoading && (
33+
<div className="fixed top-0 left-0 right-0 z-50 h-0.5 bg-light-border dark:bg-dark-border overflow-hidden">
34+
<div className="h-full bg-gradient-to-r from-primary to-indigo-500 animate-pulse" style={{ width: '90%' }} />
35+
</div>
36+
)}
3137
<Header
3238
onOpenFolder={handlers.handleFileSelect}
3339
onCopyAll={handlers.handleCopyAll}

0 commit comments

Comments
 (0)