Made login with Google, Microsoft and Github buttons responsive

sania-2912 commented 2 weeks ago

Login with microsoft, google and github buttons are made Responsive

[X] Have you renamed the PR Title in a meaningful way?

Related Issue

Fixes #1162

Description Currently, the "Sign in with Microsoft," "Sign in with Google," and "Sign in with GitHub" buttons are present on the login page as placeholders. However, they are not yet functional, meaning users cannot log in using these options. This issue exists because the necessary integrations with Microsoft, Google, and GitHub authentication services have not been fully set up.

Implementing these features requires configuring OAuth or OpenID Connect protocols, creating app registrations with each provider, and handling authentication tokens securely within our platform. Addressing this will provide users with convenient, single-click login options, enhancing the user experience.

Screenshots 📷

Before: https://github.com/user-attachments/assets/52698a4f-2fe7-431a-8671-21f40ae5fe9e

After:

https://github.com/user-attachments/assets/63b977e7-81c9-43af-bfcf-7fa2420cc4fd

Example how to mark a checkbox:-

[x] My code follows the code style of this project. -->
[X] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[X] Code style update (formatting, local variables)
[X] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] This change requires a documentation update

Checklist

[X] My code follows the code style of this project.
[X] I have followed the contribution guidelines
[X] I have performed a self-review of my own code.
[X] I have ensured my changes don't generate any new warnings or errors.
[X] I have updated the documentation (if necessary).
[X] I have resolved all merge conflicts.

I hope the contribution made was substantial!

netlify[bot] commented 2 weeks ago

Deploy Preview for tourmaline-bavarois-d21f10 ready!

Name	Link
Latest commit	05bf42aff332e02fbcc06a00e8de0f7a35a3d044
Latest deploy log	https://app.netlify.com/sites/tourmaline-bavarois-d21f10/deploys/6729fc597f3336000816bbb0
Deploy Preview	https://deploy-preview-1198--tourmaline-bavarois-d21f10.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

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

sania-2912 commented 2 weeks ago

@vishanurag kindly check both issues #1162 and #1125 both have been solved and completed. Please review them.

vishanurag / Canvas-Editor