Improve layout and responsiveness across various pages - #13
Merged
Conversation
…tionality in ServiceDetails and ServiceLocation
…n notifications page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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
ResponsiveSelectcomponent 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
ResponsiveDropdownandResponsiveSelectcomponent inResponsiveDropdown.tsxto provide a more accessible and mobile-friendly dropdown/select experience, including keyboard navigation, dynamic positioning, and loading/error states.<select>elements with the newResponsiveSelectinServiceDetails.tsx(for service category selection) andServiceLocation.tsx(for province and city selection), streamlining event handling and visual consistency. [1] [2]Form Handling and Logic Updates
ResponsiveSelectcomponent, improving code clarity and reducing boilerplate. [1] [2] [3]Layout and Styling Adjustments
[id].tsx,home.tsx,confirmation.tsx, etc.). (src/frontend/src/pages/client/book/[id].tsxL1588-R1588, src/frontend/src/pages/client/book/[id].tsxL1790-R1790, [1] [2] [3]These changes collectively enhance the application's accessibility, responsiveness, and overall user experience, especially on forms and selection-heavy pages.