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
1.8 KiB
1.8 KiB
Workspace Visual Overhaul
Problem
The current repository workspace layout has usability issues:
- Scattered navigation: Git toolbar buttons, repository management, and project actions are in different places
- No centralized project settings: Managing repositories requires leaving the workspace
- Cluttered sidebar: Too many elements competing for attention
- Inconsistent placement: Actions aren't where users expect them (GitHub-style top-right)
Solution
Redesign the workspace layout to follow GitHub-style conventions:
- Header actions on the right: All primary actions (History, Settings, etc.) in the top-right
- Project settings page: Centralized location for all project configuration
- Repository management in settings: Move "Manage Repositories" into project settings
- Cleaner sidebar: Focus on file tree and branch switching
- 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
- GitHub-like header: Project name left, actions right
- Settings as primary action: Gear icon in header
- Streamlined sidebar: Only file tree + branch selector
- Settings tabs: General, Repositories, Members (future), etc.