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:
@@ -71,7 +71,7 @@
|
||||
}
|
||||
|
||||
.facebookLabel {
|
||||
flex: 1 1 auto;
|
||||
flex: 0 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
@@ -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}'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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user