45d3f1ae11
* Read agent replies at the size of the user's own messages Chat markdown set its own 17px reading size scaled for phones, so agent replies rendered at about 19px while the user's bubbles on the same phone read at 16px. The markdown now takes size and leading from the bubble around it. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Tgvrj34NMnaqvtgvruYQZZ * Show the same evOo logo on the welcome and sign-in screens The welcome screen showed the eyes-only mascot over an "EvOo" title, while sign-in and sign-up showed the teal face (the favicon and app icon) through a CSS override of the old two-pill markup. Both screens now render the teal logo directly, the title reads "evOo", and the CSS override is gone. The welcome lines balance so no word sits alone. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Tgvrj34NMnaqvtgvruYQZZ * Run the autopilot auto-merge job on Linux runners again The macOS runners that joined the evoo-ci pool have no gh on the runner's PATH, so the job died with "gh: command not found" whenever one of them picked it up. The job takes seconds, so it gains nothing from the extra runners. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Tgvrj34NMnaqvtgvruYQZZ --------- Co-authored-by: Claude <noreply@anthropic.com>
47 lines
2.0 KiB
TypeScript
47 lines
2.0 KiB
TypeScript
import { Trans } from "@lingui/react/macro";
|
|
import { useNavigate } from "react-router-dom";
|
|
import { WindowChrome } from "./WindowChrome";
|
|
|
|
export function WelcomePage() {
|
|
const navigate = useNavigate();
|
|
return (
|
|
<div className="flex min-h-full flex-col bg-background" data-rakazo-surface="welcome">
|
|
<div className="app-drag flex gap-2 px-5 py-[18px]">
|
|
<WindowChrome />
|
|
</div>
|
|
<div className="flex flex-1 flex-col items-center justify-center gap-10 px-6 pb-[90px]">
|
|
<div className="flex flex-col items-center gap-6 sm:flex-row sm:gap-[26px]">
|
|
<img src="/evoo-logo.svg" alt="" className="size-[88px]" />
|
|
<div className="text-[76px] leading-none tracking-[-0.03em] text-foreground font-['EvOo_Display',sans-serif]">
|
|
evOo
|
|
</div>
|
|
</div>
|
|
<div className="max-w-[520px] space-y-3 text-center">
|
|
<p className="text-balance text-[27px] leading-[1.35] text-foreground/90 font-medium">
|
|
<Trans>Your specialists. One calm place to talk.</Trans>
|
|
</p>
|
|
<p className="text-balance text-ui-title-sm leading-[1.5] text-foreground/60">
|
|
<Trans>Simple to start. Expert when you need it.</Trans>
|
|
</p>
|
|
</div>
|
|
<div className="flex flex-col sm:flex-row items-center gap-4">
|
|
<button
|
|
type="button"
|
|
onClick={() => navigate("/sign-in")}
|
|
className="app-no-drag rounded-full bg-primary text-primary-foreground px-[34px] py-[15px] text-[19px] font-medium transition hover:scale-[1.04]"
|
|
>
|
|
<Trans>Sign in</Trans> →
|
|
</button>
|
|
<button
|
|
type="button"
|
|
onClick={() => navigate("/sign-up")}
|
|
className="app-no-drag rounded-full bg-accent px-[34px] py-[15px] text-[19px] text-foreground transition hover:scale-[1.04]"
|
|
>
|
|
<Trans>Sign up</Trans>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|