Merge pull request #588 from christianlouis/copilot/add-social-logins-configuration

feat(auth): add social login support for Google, Microsoft, Apple, and Dropbox
This commit is contained in:
Christian Krakau-Louis
2026-03-12 01:40:04 +01:00
committed by GitHub
11 changed files with 1407 additions and 6 deletions
+28 -1
View File
@@ -75,7 +75,8 @@
<div class="mt-6 grid grid-cols-1 gap-3">
<a href="/oauth-login"
class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
style="min-height:44px; min-width:44px">
<span class="sr-only">Sign in with SSO</span>
<i class="fas fa-lock mr-2" aria-hidden="true"></i>
{{ oauth_provider_name }}
@@ -83,6 +84,32 @@
</div>
{% endif %}
{% if social_providers %}
<!-- Social login options -->
{% if not show_oauth %}
<div class="relative">
<div class="absolute inset-0 flex items-center">
<div class="w-full border-t border-gray-300"></div>
</div>
<div class="relative flex justify-center text-sm">
<span class="px-2 bg-white text-gray-500">Or continue with</span>
</div>
</div>
{% endif %}
<div class="mt-6 grid grid-cols-1 gap-3">
{% for provider_key, provider in social_providers.items() %}
<a href="/social-login/{{ provider_key }}"
class="w-full inline-flex items-center justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
style="min-height:44px; min-width:44px"
aria-label="Sign in with {{ provider.name }}">
<i class="{{ provider.icon }} mr-2" aria-hidden="true"></i>
Sign in with {{ provider.name }}
</a>
{% endfor %}
</div>
{% endif %}
<div class="mt-8 text-center">
<a href="/" class="text-sm font-medium text-blue-600 hover:text-blue-500">
Return to Home