Skip to content

feat(ui): enhance mobile navigation with auto-close on item click and…#37

Merged
x42en merged 1 commit into
mainfrom
develop
Jun 22, 2026
Merged

feat(ui): enhance mobile navigation with auto-close on item click and…#37
x42en merged 1 commit into
mainfrom
develop

Conversation

@x42en

@x42en x42en commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

This pull request improves the mobile navigation experience in the sidebar by ensuring the navigation drawer closes appropriately on mobile devices. The main changes involve updating the sidebar's transition logic, closing the drawer when a navigation item is clicked on mobile, and ensuring the drawer is closed on initial mount for mobile viewports.

Mobile navigation improvements:

  • Added a handleNavItemClick method to close the sidebar when a navigation item is clicked on screens smaller than 768px, and attached it to navigation item clicks in AppSidebar.vue. [1] [2]
  • Updated the sidebar's transition logic to use left positioning (left-0/-left-full) instead of transform-based transitions for improved mobile compatibility in AppSidebar.vue.
  • Ensured the sidebar drawer is always closed when mounting on mobile viewports by adding a check in the onMounted lifecycle hook in useMobileNav.ts.… mount

@x42en x42en self-assigned this Jun 22, 2026
@x42en x42en added bug Something isn't working enhancement New feature or request labels Jun 22, 2026
@x42en x42en merged commit 4d77407 into main Jun 22, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant