Skip to content

471 judge login#439

Open
hadiafifah wants to merge 1 commit intomainfrom
417-judge-login
Open

471 judge login#439
hadiafifah wants to merge 1 commit intomainfrom
417-judge-login

Conversation

@hadiafifah
Copy link
Contributor

@hadiafifah hadiafifah commented Mar 12, 2026

On top of AuthFormBackground.module.scss, I had to make some changes to other files.

app/(pages)/_components/AuthForm/AuthForm.tsx

  • Removed judge-only froggy/drumstick decorative markup (design no longer uses it).
  • Added real arrow icon (arrow-right.svg) inside the judge submit button content so icon/color can be styled correctly (instead of relying on text arrow).
  • Added hasTypedInput logic to apply an inverted button style as soon as users type in inputs (requested behavior; not possible with CSS-only due to React state ownership).

app/(pages)/judges/_components/AuthFormBackground/AuthFormBackground.tsx

  • Added structural wrappers/classes (logo_container, section class combinations) to support rotating cloud behind logo and - layout control for vertical centering/bottom anchoring.

app/(pages)/judges/_components/AuthForms/LoginForm.tsx

  • Updated label text from “Email” to “Username” per design/content request.
  • Removed hardcoded text arrow from buttonText because arrow is now rendered as an icon in AuthForm.tsx.

app/(pages)/judges/_components/AuthForms/ForgotPasswordForm.tsx

  • Removed hardcoded text arrow from buttonText for consistency with icon-based button rendering.

@hadiafifah hadiafifah linked an issue Mar 12, 2026 that may be closed by this pull request
@hadiafifah hadiafifah changed the title Styling changes for judge login 471 judge login Mar 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Judging App: login

1 participant