Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve Form Styling with Focus Effects #1519

Merged
merged 1 commit into from
Oct 28, 2024

Conversation

sanchitc05
Copy link
Contributor

Description:

  • Added a pink border on hover and focus for input fields and text areas to enhance user experience.
  • Included a subtle pink shadow effect on focus for better visual feedback.
  • Used !important to ensure styles are applied consistently across all input elements without interference from other styles.

Testing:

  • Verified that the pink border appears on hover and focus for each form field.
  • Confirmed that shadow effect is visible on focus for a more engaging and accessible form design.

Let me know if any adjustments are needed.

fixes: #1466

Copy link

vercel bot commented Oct 28, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
word-wise ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 28, 2024 4:52pm

@ANSHIKA-26
Copy link
Owner

before and after images ?

@ANSHIKA-26 ANSHIKA-26 merged commit c047866 into ANSHIKA-26:main Oct 28, 2024
5 of 6 checks passed
Copy link

🎉🎉 Thank you for your contribution! Your PR #1519 has been merged! 🎉🎉

@sanchitc05
Copy link
Contributor Author

@ANSHIKA-26 kindly refer to the preview.
Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve UI and Interactivity of "Start Writing" Form
2 participants