-
-
Notifications
You must be signed in to change notification settings - Fork 3k
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.
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
feat: tweak sign-in page design #6774
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
2 Ignored Deployments
|
return ( | ||
<div key={provider.id} className="provider"> | ||
{provider.type === "oauth" || provider.type === "oidc" ? ( | ||
<form action={provider.signinUrl} method="POST"> |
Check warning
Code scanning / CodeQL
Exception text reinterpreted as HTML Medium
Exception text
height={24} | ||
width={24} | ||
id="provider-logo" | ||
src={logo} |
Check warning
Code scanning / CodeQL
Exception text reinterpreted as HTML Medium
Exception text
height={24} | ||
width={24} | ||
id="provider-logo-dark" | ||
src={logoDark} |
Check warning
Code scanning / CodeQL
Exception text reinterpreted as HTML Medium
Exception text
providers[i - 1].type !== "email" && | ||
providers[i - 1].type !== "credentials" && <hr />} | ||
{provider.type === "email" && ( | ||
<form action={provider.signinUrl} method="POST"> |
Check warning
Code scanning / CodeQL
Exception text reinterpreted as HTML Medium
Exception text
</form> | ||
)} | ||
{provider.type === "credentials" && ( | ||
<form action={provider.callbackUrl} method="POST"> |
Check warning
Code scanning / CodeQL
Exception text reinterpreted as HTML Medium
Exception text
9784f29
to
37bb6eb
Compare
6ca5220
to
a1ed3cc
Compare
src={`${ | ||
provider.style.logo.startsWith("/") ? logos : "" | ||
}${provider.style.logoDark}`} | ||
{theme.logo && <img src={theme.logo} alt="Logo" className="logo" />} |
Check warning
Code scanning / CodeQL
Exception text reinterpreted as HTML Medium
Instead of requiring two distinct logos and colors (light/dark) for each provider, we could default to use the light version for both themes and make the dark options optional. Most of the provider buttons look good on both color schemes already.
Before merging, I would like to implement some proper hover/focus state for our buttons for better a11y