sing in forms refactoring

resources/js/components/Auth/AuthButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <button class="group flex items-center border-2 border-black rounded-lg inline-block mx-auto px-7 py-2.5 whitespace-nowrap">
+    <button class="group flex items-center border-2 dark:border-gray-300 border-black rounded-lg inline-block mx-auto px-7 py-2.5 whitespace-nowrap">
         <span class="font-extrabold text-lg pr-1">
 			{{ text }}
 		</span>

resources/js/components/Auth/AuthContent.vue

@@ -1,14 +1,16 @@
 <template>
-    <div v-if="isVisible" class="auth-form">
+    <div v-if="isVisible" class="text-center w-full max-w-xl">
         <slot></slot>
     </div>
 </template>
 
 <script>
-
     export default {
         name: 'AuthContent',
-        props: ['visible', 'name'],
+        props: [
+			'visible',
+			'name'
+		],
         data() {
             return {
                 isVisible: false,
@@ -18,4 +20,4 @@
             this.isVisible = this.visible
         }
     }
-</script>
+</script>

resources/js/components/Auth/AuthContentWrapper.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="h-screen flex justify-center items-center">
+    <div class="h-screen flex justify-center items-center md:px-0 px-5">
         <slot></slot>
     </div>
 </template>

resources/js/components/Auth/SocialiteAuthenticationButtons.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="config.allowedFacebookLogin || config.allowedGoogleLogin || config.allowedGithubLogin" class="pt-12 flex items-center justify-center">
+    <div v-if="config.allowedFacebookLogin || config.allowedGoogleLogin || config.allowedGithubLogin" class="flex items-center justify-center mb-10">
         <div v-if="config.allowedFacebookLogin" class="mx-5 cursor-pointer">
             <facebook-icon @click="socialiteRedirect('facebook')" />
         </div>