Skip to content

Refactor frontend to sidebar layout for better UX#14

Merged
Yuri-NagaSaki merged 1 commit intomainfrom
refactor/sidebar-layout
Dec 23, 2025
Merged

Refactor frontend to sidebar layout for better UX#14
Yuri-NagaSaki merged 1 commit intomainfrom
refactor/sidebar-layout

Conversation

@Yuri-NagaSaki
Copy link
Collaborator

  • Add new layout components: Sidebar, NavGroup, MobileHeader
  • Restructure App.vue with left-right layout (sidebar + main content)
  • Remove GPU-intensive animations (4 floating blobs)
  • Remove Google Fonts import for faster loading
  • Use system font stack for performance
  • Simplify CSS transitions and animations
  • Group tools into 5 categories: Info, Connectivity, Path, Performance, System
  • Mobile: hamburger menu with slide-out navigation
  • Desktop: fixed 240px sidebar with collapsible nav groups

🤖 Generated with Claude Code

- Add new layout components: Sidebar, NavGroup, MobileHeader
- Restructure App.vue with left-right layout (sidebar + main content)
- Remove GPU-intensive animations (4 floating blobs)
- Remove Google Fonts import for faster loading
- Use system font stack for performance
- Simplify CSS transitions and animations
- Group tools into 5 categories: Info, Connectivity, Path, Performance, System
- Mobile: hamburger menu with slide-out navigation
- Desktop: fixed 240px sidebar with collapsible nav groups

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@Yuri-NagaSaki Yuri-NagaSaki merged commit 3a35fc9 into main Dec 23, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant