Fixed wrong Sign In page title (#8)

* fixed sign in title bug

* addec changeset
This commit is contained in:
Zai Shi 2024-03-22 16:17:26 +08:00 committed by GitHub
parent 7ef734981b
commit 4f985be35c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 9 additions and 4 deletions

View File

@ -0,0 +1,5 @@
---
"@stackframe/stack": patch
---
Fixed signin title bug

View File

@ -22,7 +22,7 @@ export default function SignIn({ fullPage=false }: { fullPage?: boolean }) {
return ( return (
<CardFrame fullPage={fullPage}> <CardFrame fullPage={fullPage}>
<div style={{ textAlign: 'center', marginBottom: '1.5rem' }}> <div style={{ textAlign: 'center', marginBottom: '1.5rem' }}>
<Text size="xl" as='h2'>Reset Your Password</Text> <Text size="xl" as='h2'>Sign into Your Account</Text>
<Text> <Text>
{"Don't have an account? "} {"Don't have an account? "}
<Link href={stackApp.urls['signUp']}> <Link href={stackApp.urls['signUp']}>
@ -31,7 +31,7 @@ export default function SignIn({ fullPage=false }: { fullPage?: boolean }) {
</Text> </Text>
</div> </div>
<OAuthGroup type='signin'/> <OAuthGroup type='signin'/>
{enableDivider && <DividerWithText text={'OR'} />} {enableDivider && <DividerWithText text={'or continue with email'} />}
{project.credentialEnabled && <CredentialSignIn/>} {project.credentialEnabled && <CredentialSignIn/>}
</CardFrame> </CardFrame>
); );

View File

@ -32,7 +32,7 @@ export default function SignUp({ fullPage=false }: { fullPage?: boolean }) {
</div> </div>
<OAuthGroup type='signup'/> <OAuthGroup type='signup'/>
{enableDivider && <DividerWithText text={'OR'} />} {enableDivider && <DividerWithText text={'or continue with email'} />}
{project.credentialEnabled && <CredentialSignUp/>} {project.credentialEnabled && <CredentialSignUp/>}
</CardFrame> </CardFrame>
); );

View File

@ -4,7 +4,7 @@ import { Divider, Text } from "../components-core";
export default function DividerWithText({ text }: { text: string }) { export default function DividerWithText({ text }: { text: string }) {
return ( return (
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: '16px', marginBottom: '16px' }}> <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: '1.5rem', marginBottom: '1.5rem' }}>
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<Divider /> <Divider />
</div> </div>