Fusion
0bc0d99c21
- Create SettingsTabLayout component with sidebar navigation - Create ProjectSettingsPage with General settings tab - Create RepositoriesSettingsTab for repo management - Add Members placeholder tab - Update router with settings routes - Add CSS styles for settings layout - Navigate to /projects/:id/settings from workspace header
50 lines
1.8 KiB
Markdown
50 lines
1.8 KiB
Markdown
# Workspace Visual Overhaul
|
|
|
|
## Problem
|
|
|
|
The current repository workspace layout has usability issues:
|
|
|
|
1. **Scattered navigation**: Git toolbar buttons, repository management, and project actions are in different places
|
|
2. **No centralized project settings**: Managing repositories requires leaving the workspace
|
|
3. **Cluttered sidebar**: Too many elements competing for attention
|
|
4. **Inconsistent placement**: Actions aren't where users expect them (GitHub-style top-right)
|
|
|
|
## Solution
|
|
|
|
Redesign the workspace layout to follow GitHub-style conventions:
|
|
|
|
1. **Header actions on the right**: All primary actions (History, Settings, etc.) in the top-right
|
|
2. **Project settings page**: Centralized location for all project configuration
|
|
3. **Repository management in settings**: Move "Manage Repositories" into project settings
|
|
4. **Cleaner sidebar**: Focus on file tree and branch switching
|
|
5. **Consistent navigation patterns**: Match familiar GitHub/GitLab layouts
|
|
|
|
## Benefits
|
|
|
|
- **Familiar interface**: Users already know GitHub's layout
|
|
- **Cleaner workspace**: Less clutter in the main view
|
|
- **Centralized settings**: All project config in one place
|
|
- **Better hierarchy**: Clear separation between workspace and management
|
|
|
|
## Scope
|
|
|
|
### What's changing:
|
|
- Workspace header layout (buttons moved to right)
|
|
- New Project Settings page
|
|
- Repository management moved to settings
|
|
- Sidebar simplification
|
|
- Navigation restructuring
|
|
|
|
### What's staying:
|
|
- File browser functionality
|
|
- Git toolbar in workspace
|
|
- File viewer/editor
|
|
- Branch selector
|
|
|
|
## Design Goals
|
|
|
|
1. **GitHub-like header**: Project name left, actions right
|
|
2. **Settings as primary action**: Gear icon in header
|
|
3. **Streamlined sidebar**: Only file tree + branch selector
|
|
4. **Settings tabs**: General, Repositories, Members (future), etc.
|