mirror of
https://github.com/Dokploy/dokploy.git
synced 2026-07-01 03:55:22 +02:00
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:
@@ -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 />
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user