Skip to content

Conversation

neeru24
Copy link
Contributor

@neeru24 neeru24 commented Dec 30, 2024

Fixes Issue🛠️

Closes #31

Description👨‍💻

This PR introduces interactive hover and focus effects for the input fields in the contact form, making the user experience more engaging and visually appealing.

Summary of Changes

  • Hover Effects:

    • Input fields now slightly scale up on hover (transform: scale(1.02)) with a subtle shadow for better highlighting.
    • Border color changes to match the primary theme color.
  • Focus Effects:

    • Input fields scale up slightly more on focus (transform: scale(1.03)) with enhanced shadow and border color.
    • Focus states improved for better accessibility with keyboard navigation.
  • Additional Enhancements:

    • Smooth transitions (0.3s) for hover, focus, and shadow effects to ensure a seamless user experience.

Benefits

These changes improve form aesthetics and provide feedback during interaction, contributing to a polished and user-friendly UI.

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📷

image
image

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 @neeru24, 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 Dec 30, 2024

Deploy Preview for eventica ready!

Name Link
🔨 Latest commit 121565a
🔍 Latest deploy log https://app.netlify.com/sites/eventica/deploys/6774120f31b77d0008abfb85
😎 Deploy Preview https://deploy-preview-32--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 Interactions Enhanced the contact form field interactions Dec 31, 2024
@Rakesh9100 Rakesh9100 merged commit e89ecc0 into Rakesh9100:main Dec 31, 2024
4 checks passed
Copy link

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

@Rakesh9100 Rakesh9100 added Beginner Simple entry level task Completed 🥳 PR successfully merged and issue resolved on completion KWOC KWOC Open Source Program labels Dec 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Beginner Simple entry level task Completed 🥳 PR successfully merged and issue resolved on completion KWOC KWOC Open Source Program
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Style] Enhance the contact form field interactions
2 participants