fix(auth): adjust layout class for SocialAuthButtons component

Innei · Innei · commit a6a7e2be331f · 2025-11-17T17:35:32.000+08:00
- Modified the container class for the SocialAuthButtons component to improve layout consistency.
- Removed unnecessary 'justify-center' class when layout is set to 'row' for better alignment.

Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/be/apps/dashboard/src/modules/auth/components/SocialAuthButtons.tsx b/be/apps/dashboard/src/modules/auth/components/SocialAuthButtons.tsx
@@ -63,7 +63,7 @@ export const SocialAuthButtons = memo(function SocialAuthButtons({
     return null
   }
 
-  const containerClass = layout === 'row' ? 'flex flex-wrap justify-center gap-3' : 'grid gap-2 sm:grid-cols-2'
+  const containerClass = layout === 'row' ? 'flex flex-wrap gap-3' : 'grid gap-2 sm:grid-cols-2'
 
   const providerIconColors: Record<string, string> = {
     github: 'text-[#181717] dark:text-white',

Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@ export const SocialAuthButtons = memo(function SocialAuthButtons({`
`63`	`63`	`return null`
`64`	`64`	`}`
`65`	`65`
`66`		`- const containerClass = layout === 'row' ? 'flex flex-wrap justify-center gap-3' : 'grid gap-2 sm:grid-cols-2'`
	`66`	`+ const containerClass = layout === 'row' ? 'flex flex-wrap gap-3' : 'grid gap-2 sm:grid-cols-2'`
`67`	`67`
`68`	`68`	`const providerIconColors: Record<string, string> = {`
`69`	`69`	`github: 'text-[#181717] dark:text-white',`