fix(auth): update legal text and center icon+label in auth buttons

- Update auth-legal-text copy to "I agree to the Cozsweet Privacy
  Agreement and Terms of User", keeping the two external links.
- Center the Facebook icon and "Login with Facebook" label as a group
  inside the main Facebook button (change .facebookLabel flex).
- Apply the same centering to the shared AuthSocialButton .label rule
  so the Email and Facebook entries in the "Other Sign-in Options"
  bottom sheet also render icon+text centered.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2026-06-11 18:58:01 +08:00
parent d55694a73e
commit bdc607c6c5
3 changed files with 5 additions and 6 deletions
@@ -71,7 +71,7 @@
} }
.facebookLabel { .facebookLabel {
flex: 1 1 auto; flex: 0 0 auto;
text-align: center; text-align: center;
} }
+3 -4
View File
@@ -32,14 +32,14 @@ export function AuthLegalText() {
{checked ? <span className={styles.checkboxInner} /> : null} {checked ? <span className={styles.checkboxInner} /> : null}
</button> </button>
<p className={styles.text}> <p className={styles.text}>
By continuing, you agree to {AppConstants.appTitle}&apos;s{" "} I agree to the{" "}
<a <a
href={AppConstants.privacyPolicyUrl} href={AppConstants.privacyPolicyUrl}
className={styles.link} className={styles.link}
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Privacy Policy Cozsweet Privacy Agreement
</a>{" "} </a>{" "}
and{" "} and{" "}
<a <a
@@ -48,9 +48,8 @@ export function AuthLegalText() {
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Terms of Service Terms of User
</a> </a>
.
</p> </p>
</div> </div>
); );
@@ -45,6 +45,6 @@
} }
.label { .label {
flex: 1 1 auto; flex: 0 0 auto;
text-align: center; text-align: center;
} }