✨ [Feature request]: Improve Login Page Card Styling and Layout #1636
Description
Contributor Guidelines
- I have read the guidelines and discussion
Is your feature request related to a problem? Please describe.
The login page UI feels visually unbalanced even though the content is wrapped inside a container div. The container lacks proper card-like styling such as constrained width, spacing, and visual separation from the background, which makes the login experience less focused and less user-friendly.
Describe the solution you'd like.
Enhance the existing login container with proper card styling instead of adding new wrappers. This includes:
- Setting a fixed or max-width for the container
- Centering it on the page using flexbox or grid
- Adding adequate padding and spacing
- Applying rounded corners and a subtle box-shadow
- Using a contrasting page background for better visual hierarchy
This will improve readability and overall user experience without changing the existing structure.
Describe alternatives you've considered.
Considered adding a new wrapper component around the login form, but improving the existing container styling seems cleaner and avoids unnecessary structural changes.
Screenshot / Screenshare
Additional context
This is a UI/UX enhancement focused on visual polish and does not affect existing functionality or logic.
Record
- I have checked the existing issues
- I have read the Contributing Guidelines
- I want to work on this issue
- I am a Hacktoberfest contributor
Code of Conduct
- I agree to follow this project's Code of Conduct