Skip to content

Improve layout and responsiveness across various pages - #13

Merged
ReyJrFerrer merged 11 commits into
mainfrom
new-bug-fix
May 7, 2026
Merged

Improve layout and responsiveness across various pages#13
ReyJrFerrer merged 11 commits into
mainfrom
new-bug-fix

Conversation

@dounmte

@dounmte dounmte commented May 6, 2026

Copy link
Copy Markdown
Collaborator

This pull request focuses on improving the user interface and user experience of dropdowns and select inputs across the application, especially for service and location selection. It introduces a new ResponsiveSelect component for enhanced dropdown usability, replaces native <select> elements in key forms, and makes several visual and layout refinements for better consistency and responsiveness.

Key changes include:

UI Component Improvements

  • Added a new ResponsiveDropdown and ResponsiveSelect component in ResponsiveDropdown.tsx to provide a more accessible and mobile-friendly dropdown/select experience, including keyboard navigation, dynamic positioning, and loading/error states.
  • Replaced native <select> elements with the new ResponsiveSelect in ServiceDetails.tsx (for service category selection) and ServiceLocation.tsx (for province and city selection), streamlining event handling and visual consistency. [1] [2]

Form Handling and Logic Updates

  • Simplified and refactored event handlers for category, province, and city selection to work with the new ResponsiveSelect component, improving code clarity and reducing boilerplate. [1] [2] [3]

Layout and Styling Adjustments

These changes collectively enhance the application's accessibility, responsiveness, and overall user experience, especially on forms and selection-heavy pages.

@ReyJrFerrer
ReyJrFerrer merged commit e459666 into main May 7, 2026
1 check failed
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.

2 participants