@seaverse/auth-sdk 0.4.7 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -2838,25 +2838,26 @@ class AuthModal {
2838
2838
  const hasOAuth = this.options.enableOAuth &&
2839
2839
  (this.options.enableOAuth.google || this.options.enableOAuth.discord || this.options.enableOAuth.github);
2840
2840
  if (hasOAuth) {
2841
- // Google button (full width, primary style)
2841
+ // Social buttons container (vertical list)
2842
+ const socialButtons = document.createElement('div');
2843
+ socialButtons.className = 'social-buttons';
2844
+ // Google button
2842
2845
  if (this.options.enableOAuth?.google) {
2843
- const googleBtn = this.createSocialButton('google', 'Continue with Google', 'login', true);
2844
- googleBtn.className = 'btn-auth-primary';
2845
- form.appendChild(googleBtn);
2846
+ const googleBtn = this.createSocialButton('google', 'Google', 'login', true);
2847
+ socialButtons.appendChild(googleBtn);
2846
2848
  }
2847
- // Social buttons grid (GitHub + Discord)
2848
- const socialGrid = document.createElement('div');
2849
- socialGrid.className = 'social-buttons-grid';
2849
+ // GitHub button
2850
2850
  if (this.options.enableOAuth?.github) {
2851
- const githubBtn = this.createSocialButton('github', 'GitHub', 'login');
2852
- socialGrid.appendChild(githubBtn);
2851
+ const githubBtn = this.createSocialButton('github', 'Github', 'login', true);
2852
+ socialButtons.appendChild(githubBtn);
2853
2853
  }
2854
+ // Discord button
2854
2855
  if (this.options.enableOAuth?.discord) {
2855
- const discordBtn = this.createSocialButton('discord', 'Discord', 'login');
2856
- socialGrid.appendChild(discordBtn);
2856
+ const discordBtn = this.createSocialButton('discord', 'Discord', 'login', true);
2857
+ socialButtons.appendChild(discordBtn);
2857
2858
  }
2858
- if (socialGrid.children.length > 0) {
2859
- form.appendChild(socialGrid);
2859
+ if (socialButtons.children.length > 0) {
2860
+ form.appendChild(socialButtons);
2860
2861
  }
2861
2862
  // Divider
2862
2863
  const divider = document.createElement('div');