prevent social icons from overlapping in onboarding layout (#4692)

* prevent social icons from overlapping in onboarding layout

* fixed the alignment social icon forms

* revert

* fix: adjust spacing in social sign-in section of registration page

Updated the layout of the social sign-in options by adding a gap between the elements to improve visual clarity and user experience.

---------

Co-authored-by: Mauricio Siu <siumauricio@icloud.com>
This commit is contained in:
Divyansh Goyal
2026-07-01 03:30:46 +05:30
committed by GitHub
parent aa72091316
commit e32133d9a6
2 changed files with 4 additions and 4 deletions

View File

@@ -35,11 +35,11 @@ export const OnboardingLayout = ({ children }: Props) => {
</blockquote>
</div>
</div>
<div className="w-full">
<div className="flex w-full flex-col justify-center space-y-6 max-w-lg mx-auto">
<div className="flex min-h-svh w-full flex-col">
<div className="flex w-full flex-1 flex-col justify-center space-y-6 max-w-lg mx-auto py-8">
{children}
</div>
<div className="flex items-center gap-4 justify-center absolute bottom-4 right-4 text-muted-foreground">
<div className="mx-auto flex w-full max-w-lg items-center justify-center gap-1 pb-6 text-muted-foreground sm:justify-end">
<Button variant="ghost" size="icon">
<Link href="https://github.com/dokploy/dokploy">
<GithubIcon />

View File

@@ -160,7 +160,7 @@ const Register = ({ isCloud }: Props) => {
)}
<CardContent className="p-0">
{isCloud && (
<div className="flex flex-col">
<div className="flex flex-col gap-2">
<SignInWithGithub />
<SignInWithGoogle />
</div>