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 {
flex: 1 1 auto;
flex: 0 0 auto;
text-align: center;
}
+3 -4
View File
@@ -32,14 +32,14 @@ export function AuthLegalText() {
{checked ? <span className={styles.checkboxInner} /> : null}
</button>
<p className={styles.text}>
By continuing, you agree to {AppConstants.appTitle}&apos;s{" "}
I agree to the{" "}
<a
href={AppConstants.privacyPolicyUrl}
className={styles.link}
target="_blank"
rel="noreferrer"
>
Privacy Policy
Cozsweet Privacy Agreement
</a>{" "}
and{" "}
<a
@@ -48,9 +48,8 @@ export function AuthLegalText() {
target="_blank"
rel="noreferrer"
>
Terms of Service
Terms of User
</a>
.
</p>
</div>
);
@@ -45,6 +45,6 @@
}
.label {
flex: 1 1 auto;
flex: 0 0 auto;
text-align: center;
}