Minor styling updates to SubmitAuthOverlay

This commit is contained in:
Jared Schoeny 2025-10-09 23:24:13 -10:00
parent d29ef3d3ed
commit dc08905025

View File

@ -32,25 +32,25 @@ const SubmitAuthOverlay: React.FC = () => {
role="dialog"
aria-modal="true"
aria-label="Creators only"
className="relative z-[101] mb-16 card p-6 max-w-md w-full rounded-lg"
className="relative z-[101] mb-16 card backdrop-blur-lg dark:!bg-white/6 p-6 max-w-md w-full rounded-lg"
>
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-8 sm:gap-4">
<div>
<div className="text-lg font-semibold">Creators only</div>
<div className="text-xl font-semibold">Creators only</div>
<p className="mt-1 text-sm text-foreground/80">
You need an account to submit new romhacks for others to play. It only takes a minute.
</p>
</div>
<div className="flex flex-wrap justify-center items-center gap-3">
<div className="flex flex-wrap justify-center items-center gap-6 sm:gap-4">
<Link
href="/signup"
className="shine-wrap btn-premium h-11 min-w-[7.5rem] text-sm font-semibold rounded-md text-[var(--accent-foreground)]"
className="shine-wrap btn-premium h-14 sm:h-11 w-full sm:w-auto text-sm font-semibold rounded-md text-[var(--accent-foreground)]"
>
<span>Create account</span>
</Link>
<Link
href="/login?redirectTo=%2Fsubmit"
className="inline-flex h-11 items-center justify-center rounded-md px-4 text-sm font-semibold ring-1 ring-[var(--border)] hover:bg-[var(--surface-2)]"
className="inline-flex h-14 sm:h-11 w-full sm:w-auto items-center justify-center rounded-md px-4 text-sm font-semibold ring-1 ring-[var(--border)] hover:bg-[var(--surface-2)]"
>
Log in
</Link>