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.

Sign up for GitHub

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

Jump to bottom

[Style] Make Abstract Particle Swarm Background component responsive #1411

Closed
4 tasks done
Rakesh9100 opened this issue Dec 20, 2024 · 4 comments · Fixed by #1415
Closed
4 tasks done

[Style] Make Abstract Particle Swarm Background component responsive #1411

Rakesh9100 opened this issue Dec 20, 2024 · 4 comments · Fixed by #1415
Assignees
@ThePhoenix08
Labels
component upgrade ⚙️ Adds more functionality to the existing component enhancement ✨ New feature or request KWOC KWOC Open Source Program Medium Moderate level implementation task responsiveness 🖥️ Made responsive for every screen style tweak 🎨 Improve the website style or formatting

Comments

@Rakesh9100
Copy link
Owner

What's the style idea?

We need to improve the responsiveness of Abstract Particle Swarm Background component for small devices.

image

Checklist

  • I have checked the existing issues.
  • I follow Contributing Guidelines of this project.
  • I am a KWOC'24 contributor.

Code of Conduct
@Rakesh9100 Rakesh9100 added up for grab ✋ This issue is up to be assigned KWOC KWOC Open Source Program labels Dec 20, 2024
@github-actions GitHub Actions
Copy link

Hey @Rakesh9100, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

@Rakesh9100 Rakesh9100 added help wanted 🙌 Extra attention is needed and removed KWOC KWOC Open Source Program labels Dec 20, 2024
@ThePhoenix08
Copy link
Contributor

Hey, I think I can work on this issue, I did some testing in my local environment, I propose using the getClientBoundingRect() and a window onResize event listerner to make the canvas.width and canvas.height update dynamically everytime window viewport changes, additionally use css to make the width height of the canvas 100vw and 100vh to take the complete viewport, that way it will spread to the complete screen on mobiles aswell. I would request you to assign me this issue aswell if possible.

@Rakesh9100
Copy link
Owner Author

Go ahead @ThePhoenix08

@Rakesh9100 Rakesh9100 added KWOC KWOC Open Source Program and removed help wanted 🙌 Extra attention is needed up for grab ✋ This issue is up to be assigned labels Dec 22, 2024
@Rakesh9100 Rakesh9100 changed the title [Style] Make Abstract Particle Swarm Background responsive [Style] Make Abstract Particle Swarm Background component responsive Dec 22, 2024
@ThePhoenix08 ThePhoenix08 mentioned this issue Dec 23, 2024
Merged
5 tasks
@github-actions GitHub Actions
Copy link

Hello @Rakesh9100! Your issue #1411 has been closed. Thank you for your contribution!! 🙌

@Rakesh9100 Rakesh9100 added enhancement ✨ New feature or request Medium Moderate level implementation task responsiveness 🖥️ Made responsive for every screen style tweak 🎨 Improve the website style or formatting component upgrade ⚙️ Adds more functionality to the existing component labels Dec 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ThePhoenix08 ThePhoenix08

Labels
component upgrade ⚙️ Adds more functionality to the existing component enhancement ✨ New feature or request KWOC KWOC Open Source Program Medium Moderate level implementation task responsiveness 🖥️ Made responsive for every screen style tweak 🎨 Improve the website style or formatting
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Made Abstract Particle Swarm Background component responsive ThePhoenix08/Beautiify
2 participants
@Rakesh9100 @ThePhoenix08