feat: refactor register form with icon integration and enhanced UI styling #1
Open
Shreyya-ux wants to merge 3 commits into
Open
feat: refactor register form with icon integration and enhanced UI styling #1Shreyya-ux wants to merge 3 commits into
Shreyya-ux wants to merge 3 commits into
Conversation
Updated the registration form to use lucide-react icons (User, Mail, Lock, Eye) instead of iconify for project consistency. Fixed imports and updated icon tags.
Updated the registration form to use lucide-react icons (User, Mail, Lock, Eye) instead of iconify for project consistency. Fixed imports and updated icon tags.
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
1 participant
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 PR improves the visual hierarchy and user experience of the registration form by implementing the following technical changes:
. Iconography Integration: Integrated @iconify/react to provide visual cues for Name, Email, and Password fields, aligning with modern UI standards.
. Structural Refactoring: Wrapped standard Input components in relative positioned div containers to allow absolute positioning of icons without breaking the layout flow.
. Enhanced Input Styling: * Added custom padding (pl-10) to prevent text-icon overlap.
. Applied bg-[#1a1a1a] and border-gray-800 for a consistent dark-theme aesthetic.
. Implemented focus:border-purple-500 to improve accessibility and interactive feedback.
. Consistent Spacing: Standardized vertical rhythm using mb-4 margins across all input groups to ensure optimal whitespace distribution.
. Dynamic Password UI: Included a placeholder for a toggleable visibility icon and integrated conditional error borders based on the password and error state.