Implement mobile-first responsive layout for the homepage per DESIGN.md.
bolt-ui:
- Add Drawer component (SSR-safe, keydown, theme styles)
- Add useMediaQuery composable
- Document both in bolt-ui README
index page:
- Sidebar switches between rail (desktop) and drawer (mobile) modes
- Three-row mobile header with drawer trigger
- Breakpoints aligned with DESIGN.md
- Mobile-first masonry column defaults (no flash on mobile refresh)
docs:
- Add homepage mobile adaptation design spec
- Add implementation plan and self-review notes
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Added CategoryTreeNode component to display hierarchical categories with expand/collapse functionality.
- Introduced ContextMenu component for right-click actions on categories, including add, rename, and delete options.
- Developed LeftSidebar component to integrate tools and categories, enhancing user navigation experience.
- Created home layout to structure the main application view with a top navigation bar and content area.
- Updated about page with dialog testing examples and improved UI for toast notifications.
- Enhanced index page with dynamic category management and responsive design for better usability.
- Introduced ConfigProvider component to manage locale settings.
- Implemented useLocale hook for localization support.
- Added language JSON files for English and Chinese.
- Created utility hooks for context management and namespace handling.
- Developed various UI components with corresponding styles.
- Integrated Vite plugin for automatic style injection based on component usage.
- Established a Nuxt module for easy integration of Bolt UI components and styles.
npmrun