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

Added search icon in every search bar #1399

Merged
merged 2 commits into from
Dec 11, 2024

Conversation

Atharvverma1234
Copy link
Contributor

@Atharvverma1234 Atharvverma1234 commented Dec 10, 2024

Fixes Issue🛠️

Closes #820

Description👨‍💻

Added a search icon to all the search bar of the components including the components page (Landing Page) for better UI clarity and functionality. The icon is styled and positioned appropriately within the input field container. Font Awesome is used for the icon, ensuring scalability and consistent styling. Minor CSS adjustments were made to integrate the icon seamlessly with the search bar.

Type of Change📄

  • New feature (non-breaking change which adds functionality)
  • 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
  • I have commented on my code, particularly in hard-to-understand areas

Screenshots/GIF📷

Screenshot 2024-12-10 101507
Screenshot 2024-12-10 101549
Screenshot 2024-12-10 101616

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 @Atharvverma1234, Welcome to the project Beautiify! 🎊
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 10, 2024

Deploy Preview for beautiify ready!

Name Link
🔨 Latest commit 04606e7
🔍 Latest deploy log https://app.netlify.com/sites/beautiify/deploys/6759338329c98e00080741ec
😎 Deploy Preview https://deploy-preview-1399--beautiify.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 Successfully added Search Icon to all Search Bars Added search icon in every search bar Dec 11, 2024
@Rakesh9100 Rakesh9100 merged commit 2ff62d3 into Rakesh9100:main Dec 11, 2024
4 checks passed
Copy link

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

@Rakesh9100 Rakesh9100 added Completed 🥳 PR successfully merged and issue resolved on completion KWOC KWOC Open Source Program labels Dec 11, 2024
@Rakesh9100 Rakesh9100 added the Hard Complex or challenging task label Dec 19, 2024
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 Hard Complex or challenging task KWOC KWOC Open Source Program
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature] Add search icon in every search bar
2 participants