Skip to content

fix(#469): adjusted sign-up and sign-in prompt alignment#469

Open
emmadal wants to merge 1 commit into
founded-labs:mainfrom
emmadal:fix/prompt-alignment
Open

fix(#469): adjusted sign-up and sign-in prompt alignment#469
emmadal wants to merge 1 commit into
founded-labs:mainfrom
emmadal:fix/prompt-alignment

Conversation

@emmadal

@emmadal emmadal commented Oct 12, 2025

Copy link
Copy Markdown

Description:

Fixed the alignment issue of the "Don't have an account? Sign up" text on <SignInForm /> component and "Already have an account? Sign In" <SignUpForm /> component

  • Updated the layout to ensure the text and link are properly centered and aligned.
  • Improved overall visual consistency between SignIn and SignUp components.

Tested Platforms:

  • Web
  • iOS
  • Android

Affected Apps/Packages:

  • packages/registry/blocks

@vercel

vercel Bot commented Oct 12, 2025

Copy link
Copy Markdown

@emmadal is attempting to deploy a commit to the React Native Reusables Team on Vercel.

A member of the Team first needs to authorize it.

@emmadal emmadal changed the title fix: adjusted sign-up and sign-in prompt alignment fix(#469): adjusted sign-up and sign-in prompt alignment Oct 12, 2025
@ChuckVisuals

Copy link
Copy Markdown

Actually just had this issue too lol

@mrzachnugent mrzachnugent left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@emmadal Thanks for contributing! Left a few tiny requests.

Comment on lines -83 to +86
<Text className="text-sm underline underline-offset-4">Sign up</Text>
}}
>
<Text className="text-sm underline">Sign up</Text>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks like underline-offset-4 was removed. Maybe it's because it doesn't do anything on mobile but its for the web platform. Could you please add it back? You can add the prefix web: to make it clearer.

onPress={() => {
// TODO: Navigate to sign in screen
}}>
<Text className="text-sm underline underline-offset-4">Sign in</Text>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you add the web: prefix for underline-offset-4 in the sign-in-form, could you also add it here please?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep I will do it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants