Fixed wrong Sign In page title (stack-auth#8)

fomalhautb · web-flow · commit 4f985be35cb0 · 2024-03-22T09:17:26.000+01:00
* fixed sign in title bug

* addec changeset
diff --git a/.changeset/nice-queens-press.md b/.changeset/nice-queens-press.md
@@ -0,0 +1,5 @@
+---
+"@stackframe/stack": patch
+---
+
+Fixed signin title bug
diff --git a/packages/stack/src/components-page/sign-in.tsx b/packages/stack/src/components-page/sign-in.tsx
@@ -22,7 +22,7 @@ export default function SignIn({ fullPage=false }: { fullPage?: boolean }) {
   return (
     <CardFrame fullPage={fullPage}>
       <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>
           {"Don't have an account? "}
           <Link href={stackApp.urls['signUp']}>
@@ -31,7 +31,7 @@ export default function SignIn({ fullPage=false }: { fullPage?: boolean }) {
         </Text>
       </div>
       <OAuthGroup type='signin'/>
-      {enableDivider && <DividerWithText text={'OR'} />}
+      {enableDivider && <DividerWithText text={'or continue with email'} />}
       {project.credentialEnabled && <CredentialSignIn/>}
     </CardFrame>
   );
diff --git a/packages/stack/src/components-page/sign-up.tsx b/packages/stack/src/components-page/sign-up.tsx
@@ -32,7 +32,7 @@ export default function SignUp({ fullPage=false }: { fullPage?: boolean }) {
       </div>
 
       <OAuthGroup type='signup'/>
-      {enableDivider && <DividerWithText text={'OR'} />}
+      {enableDivider && <DividerWithText text={'or continue with email'} />}
       {project.credentialEnabled && <CredentialSignUp/>}
     </CardFrame>
   );
diff --git a/packages/stack/src/components/divider-with-text.tsx b/packages/stack/src/components/divider-with-text.tsx
@@ -4,7 +4,7 @@ import { Divider, Text } from "../components-core";
 
 export default function DividerWithText({ text }: { text: string }) {
   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 }}>
         <Divider />
       </div>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@stackframe/stack": patch
 +---
++
 +Fixed signin title bug