diff --git a/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx b/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx index f072b977f..496b4f056 100644 --- a/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx +++ b/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx @@ -33,9 +33,15 @@ export default function AuthFormBackground({ return (
-
-
- Angel Cow +
+
+ Angel Cow

{title}

@@ -47,7 +53,7 @@ export default function AuthFormBackground({

-
{children}
+
{children}
{/* DESKTOP ONLY */} diff --git a/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx b/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx index 2ec2f5959..c0a8fe064 100644 --- a/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx +++ b/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx @@ -22,7 +22,7 @@ export default function ForgotPasswordForm() { { name: 'email' as const, type: 'email', - label: 'EMAIL', + label: '', //2026 design removed labels, so leaving blank placeholder: 'Email', readOnly: false, }, diff --git a/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx b/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx index 9bc5fedd7..83ed3d3ff 100644 --- a/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx +++ b/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx @@ -33,21 +33,21 @@ export default function RegisterForm({ data }: any) { { name: 'email' as const, type: 'email', - label: 'EMAIL', + label: '', //2026 design removed labels, so leaving blank placeholder: 'Email', readOnly: data ? true : false, }, { name: 'password' as const, type: 'password', - label: 'PASSWORD', + label: '', //2026 design removed labels, so leaving blank placeholder: 'Password', readOnly: false, }, { name: 'passwordDupe' as const, type: 'password', - label: 'RETYPE PASSWORD', + label: '', //2026 design removed labels, so leaving blank placeholder: 'Retype Password', readOnly: false, }, diff --git a/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx b/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx index 693c8b74f..1947d10b7 100644 --- a/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx +++ b/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx @@ -23,14 +23,14 @@ export default function ResetPasswordForm({ data }: any) { { name: 'password' as const, type: 'password', - label: 'NEW PASSWORD', + label: '', //2026 design removed labels, so leaving blank placeholder: 'New Password', readOnly: false, }, { name: 'passwordDupe' as const, type: 'password', - label: 'RETYPE NEW PASSWORD', + label: '', //2026 design removed labels, so leaving blank placeholder: 'Retype New Password', readOnly: false, }, diff --git a/app/(pages)/_components/AuthForm/AuthForm.tsx b/app/(pages)/_components/AuthForm/AuthForm.tsx index 45be525d1..3172cb8a6 100644 --- a/app/(pages)/_components/AuthForm/AuthForm.tsx +++ b/app/(pages)/_components/AuthForm/AuthForm.tsx @@ -62,7 +62,6 @@ export default function AuthForm({
{fields.map((field) => (
-

{errors[field.name]}

{field.type === 'checkbox' ? ( @@ -87,6 +86,7 @@ export default function AuthForm({ /> )}
+

{errors[field.name]}

))} {linkText && ( diff --git a/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss b/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss index f904b94f7..45ac17a85 100644 --- a/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss +++ b/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss @@ -18,6 +18,10 @@ flex-direction: column; gap: 12px; + @include tablet-l { //tailwind md + gap: 8px; + } + div { display: flex; flex-direction: column; @@ -33,15 +37,24 @@ } input { - border-radius: var(--b-radius-large); + border-radius: 16px; background: #FAFAFF; backdrop-filter: blur(30px); - border: none; + border: 1px solid transparent; outline: none; - padding: 12px; + padding: 16px; font-size: 1rem; //16px font-weight: 400; color: #3F3F3F; + + &:hover { + background: linear-gradient(0deg, rgba(48, 48, 53, 0.03) 0%, rgba(48, 48, 53, 0.03) 100%); + } + + &:focus { + border: 1px solid var(--Stroke-Blue-Stroke, #2DF0FB); + background: rgba(213, 253, 255, 0.50); + } } } } @@ -65,7 +78,7 @@ } .submit_button { - padding: 12px 24px; + padding: 16px 24px; font-size: 1rem; //16px font-weight: 600; line-height: normal; @@ -76,7 +89,7 @@ background: var(--background-secondary); border: none; cursor: not-allowed; - border-radius: 20px; + border-radius: 100px; opacity: 0.3; margin-top: 40px; width: 100%;