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

Enhanced the contact form #80

Conversation

praveenr-CodeCrafter
Copy link
Contributor

@praveenr-CodeCrafter praveenr-CodeCrafter commented Jan 22, 2025

Fixes Issue🛠️

Closes #79

Description👨‍💻

This pull request focuses on UI improvements for the contact form, addressing issues with the text area resizing, font family consistency, and send button interaction. These changes aim to enhance usability and maintain a cohesive visual design.

Changes Made

1. Text Area Height Restrictions

Files: contact.css, style.css

  • Added min-height and max-height properties to the text area to prevent excessive resizing, ensuring better usability and layout consistency.

2. Font Family Mismatch

Files: contact.css, style.css

  • Updated the font family for the text area to match the rest of the component, ensuring visual consistency across the contact form.

3. Send Button Hover Color

File: style.css

  • Added a hover color change effect for the send button to improve user interaction feedback and make the action more intuitive.

Type of Change📄

  • Style (non-breaking change which improves website style or formatting)

Checklist✅

  • I am an Open Source contributor
  • I have performed a self-review of my code
  • My code follows the style guidelines of this project

Screenshots/GIF📷

before
after contact page
footer textarea before
footer textarea after

Additional Notes

Testing: Verified the changes to ensure the text area resizing is restricted, font family consistency is maintained, and the hover effect for the send button works as intended.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @praveen10, Welcome to the project Eventica! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

Copy link

netlify bot commented Jan 22, 2025

Deploy Preview for eventica ready!

Name Link
🔨 Latest commit 1fdeef1
🔍 Latest deploy log https://app.netlify.com/sites/eventica/deploys/67954a3da4e5380009eec63f
😎 Deploy Preview https://deploy-preview-80--eventica.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@Rakesh9100 Rakesh9100 changed the title Enhance contact form Enhanced the contact form Jan 25, 2025
@Rakesh9100 Rakesh9100 merged commit f222432 into Rakesh9100:main Jan 25, 2025
4 checks passed
Copy link

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @praveenr-CodeCrafter

@Rakesh9100 Rakesh9100 added Completed 🥳 PR successfully merged and issue resolved on completion Easy Low effort straightforward task labels Jan 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Completed 🥳 PR successfully merged and issue resolved on completion Easy Low effort straightforward task
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] Enhance the contact form
2 participants