Change OAuth buttons to two-column layout (#5530)

Match Unity client layout: left column (Discord, GitHub, Steam),
right column (Google, Apple, Twitch). Includes responsive fallback
to single column on narrow screens.

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-21 16:49:58 -08:00
committed by GitHub
co-authored by Claude Opus 4.5
parent 473f83e5f6
commit 9a4324e302
2 changed files with 15 additions and 4 deletions
@@ -98,11 +98,17 @@
}
.login-buttons {
display: flex;
flex-direction: column;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 480px) {
.login-buttons {
grid-template-columns: 1fr;
}
}
.login-btn {
display: flex;
align-items: center;
@@ -731,11 +731,16 @@ var landingPageTemplate = template.Must(template.New("landing").Parse(`<!DOCTYPE
text-align: center;
}
.oauth-buttons {
display: flex;
flex-direction: column;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 30px 0;
}
@media (max-width: 480px) {
.oauth-buttons {
grid-template-columns: 1fr;
}
}
.oauth-button {
display: flex;
align-items: center;