Skip to content

Update copy and mobile view #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gaghan430 merged 1 commit into from
Nov 18, 2025
Merged

Update copy and mobile view #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions apps/login/locales/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
"loginname": {
"title": "Welcome",
"description": "Choose your login method:",
"register": "Register now",
"register": "Request access",
"submit": "Continue",
"notRegistered": "Not registered?",
"termsOfService": "By continuing, you agree to Datum's <terms>Terms of Service</terms> and <privacy>Privacy Policy</privacy>, and to receive periodic emails with updates."
Expand Down Expand Up @@ -166,8 +166,9 @@
"title": "Missing data",
"description": "Provide email, first and last name to register."
},
"alreadyRegistered": "Already registered?",
"loginNow": "Login now.",
"alreadyRegistered": "Have an invitation?",
"loginNow": "Log in here.",
"onWaitList": "Still on the waitlist? We'll email you when it's your turn!",
"title": "Register",
"description": "Choose your registration method:",
"noMethodAvailableWarning": "No authentication method available. Please contact your administrator.",
Expand Down
27 changes: 16 additions & 11 deletions apps/login/src/app/(main)/(illustration)/register/_login-btn.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,16 +7,21 @@ export const LoginBtn = () => {
const router = useRouter();

return (
<div className="text-center ztdl-p text-sm font-normal flex items-center gap-0.5 mt-6">
<Translated i18nKey="alreadyRegistered" namespace="register" />
<button
className="underline"
onClick={() => router.replace("/loginname")}
type="button"
data-testid="register-button"
>
<Translated i18nKey="loginNow" namespace="register" />
</button>
</div>
<>
<div className="text-center ztdl-p text-sm font-normal flex items-center gap-0.5 mt-6">
<Translated i18nKey="alreadyRegistered" namespace="register" />
<button
className="underline"
onClick={() => router.replace("/loginname")}
type="button"
data-testid="register-button"
>
<Translated i18nKey="loginNow" namespace="register" />
</button>
</div>
<div className="text-center ztdl-p text-sm font-normal flex items-center gap-0.5 mt-6">
<Translated i18nKey="onWaitList" namespace="register" />
</div>
</>
);
};
10 changes: 5 additions & 5 deletions apps/login/src/components/boxed-card.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,20 +11,20 @@ export const BoxedCard = ({
className?: string;
}) => {
return (
<div className="flex flex-col items-center gap-[50px] w-full z-10 p-[90px]">
<DatumLogoFull className="h-[86px]" />
<div className="flex flex-col items-center gap-4 sm:gap-6 md:gap-8 lg:gap-[50px] w-full z-10 p-3 sm:p-4 md:p-6 lg:p-12 xl:p-[90px] min-w-0">
<DatumLogoFull className="h-10 sm:h-12 md:h-16 lg:h-[86px] w-auto" />
<div
className={clsx(
"boxed-card",
"rounded border border-card-border bg-card-background p-[50px] w-full max-w-[400px]",
"flex flex-col items-center",
"rounded border border-card-border bg-card-background p-3 sm:p-4 md:p-6 lg:p-8 xl:p-[50px] w-full max-w-full sm:max-w-[400px]",
"flex flex-col items-center min-w-0",
className,
)}
>
{children}
</div>

<div className="w-full max-w-[250px]">
<div className="w-full max-w-full sm:max-w-[250px] px-3 sm:px-4 md:px-0">
<p className="text-center ztdl-p-secondary terms-of-service">
<Translated
i18nKey="termsOfService"
Expand Down
Loading