Merge pull request #72 from thedevdojo/centerSocialProviders

Adding ability to center the social providers

config/devdojo/auth/descriptions.php

@@ -14,6 +14,7 @@
         'dev_mode' => 'This is for development mode, when set in Dev Mode Assets will be loaded from Vite',
         'enable_2fa' => 'Enable the ability for users to turn on Two Factor Authentication',
         'login_show_social_providers' => 'Show the social providers login buttons on the login form',
+        'center_align_social_provider_button_content' => 'Center align the content in the social provider button?',
         'social_providers_location' => 'The location of the social provider buttons (top or bottom)',
     ],
 ];

config/devdojo/auth/settings.php

@@ -13,5 +13,6 @@
     'dev_mode' => false,
     'enable_2fa' => false, // Enable or disable 2FA functionality globally
     'login_show_social_providers' => true,
+    'center_align_social_provider_button_content' => false,
     'social_providers_location' => 'bottom',
 ];

resources/views/components/elements/social-button.blade.php

@@ -1,4 +1,4 @@
-<a href="{{ url('auth/' . $slug . '/redirect') }}" class="flex items-center px-4 py-3 space-x-2.5 w-full h-auto text-sm rounded-md border border-zinc-200 text-zinc-600 hover:bg-zinc-100">
+<a href="{{ url('auth/' . $slug . '/redirect') }}" class="flex @if(config('devdojo.auth.settings.center_align_social_provider_button_content')){{ 'justify-center' }}@endif items-center px-4 py-3 space-x-2.5 w-full h-auto text-sm rounded-md border border-zinc-200 text-zinc-600 hover:bg-zinc-100">
     <span class="w-5 h-5">
         @if(isset($provider->svg) && !empty(trim($provider->svg)))
             {!! $provider->svg !!}